Projects

Take a look at what I’ve been working on!

All projects are open-sourced and can be found on my GitHub

Responsive Website Screenshot

Responsive Portfolio Website

HTML - CSS - JavaScript - Editor - API- GitHub - Bootstrap - Hosting - Flexbox - SEO - Responsive

My most recent project is the one you are looking at right now 😉 This multi-page website is fully responsive and was built to adapt the content to the users screen - laptop, tablet or mobile phone.

This portfolio website was the final project of the 5-week SheCodes Responsive Workshop. Incorporating all projects coded with SheCodes so far.


Weather App Screenshot

Vanilla JS Weather App

Vanilla JS - HTML - CSS - JavaScript - Editor - API- GitHub - Bootstrap - Hosting

This interactive weather app was created using the OpenWeatherMap API giving you real-life data and forecasts for any location around the world. Find your city with the search function or simply use your current location with a single click. It will show the current temperature, humidity, wind speed and provide you with a six-day forecast. Change the location to see different comments matching the weather forecast of your inserted city. You can even choose to view the weather temperature in °C or °F whatever is more suitable for you.

This weather app was created with Vanilla JS as part of the 8-week SheCodes Plus Workshop.


Weather App (React) Screenshot

Weather App (React)

HTML - CSS - JavaScript - Editor - API- GitHub - Bootstrap - Hosting - React

This interactive weather app was created using React. It is using the OpenWeatherMap API giving you real-life data and forecasts for any location around the world. It will show you the current temperature, humidity, wind speed and provide you with a five-day forecast. You can even choose to view the weather temperature in °C or °F whatever is more suitable for you. This weather app is similar to the previous project with the difference that it was created using React instead of Vanilla JS.

This weather app was created with React as part of the 8-week SheCodes React Workshop.


Dictionary Project (React) Screenshot

Dictionary App (React)

HTML - CSS - JavaScript - Editor - API- GitHub - Bootstrap - Hosting - React

This interactive dictionary app was created using React. It is using two APIs - Dictionary and Pexels. Use the search bar to find the corresponding word definitions, meanings, synonyms, and images. If you are having troubles reading the phonetics there is an audio function which can help you with the pronunciation of the results.

This dictionary app was created with React as part of the 8-week SheCodes React Workshop.


Scuba Diving Landing Page Screenshot

Scuba Diving Landingpage

HTML and CSS

This was the very first coding project I created. The task was to create a simple landing page from scratch of something I am passionate about. In my case that is Scuba Diving 🤿
Have fun exploring the page (best on a Laptop) and learning more about the little or big guys you can meet underwater.

This landing page was the final project after the 3-week SheCodes Basic Coding Workshop.