Weather App is a React-based project in that I used Context Hook for state management. It fetches data from a forecast API and reflects weather data dynamically into React components as needed. To test it, click "Change Location" button and type any city, state format.

In this version of the project, it only shows daily forecast reports due to free tier API selection but could be also updated into four days forecast.


Live App Close

The To-Do app is an example of REST API and CRUD operations. I had a chance to practice in React Redux, React Router, and Hooks in the front end. In the back end, I work with Node.js, Express, MongoDB, JWT, and Bcrypt.

Todos can be marked as important or checked as done. All todos are saved in MongoDB, in order of Mongoose schema and models. I used Bcrypt to hash users' password and JWT to control auto-login/logout feature to keep permitted users logged in.

Live App Close

Nexter is a example of luxury real estate company website that is built in CSS Flexbox and also written in SCSS. The application does not contain Javascript, and all animation features are handled in CSS/SCSS.

Third of the three projects developed in the Advanced CSS course.

Live App Close

Natours is a travel website that contains modern CSS features written in SCSS. This project was a good chance to improve my CSS/SASS skills and I was able to have better understanding of some complex CSS animations.

First of the three projects developed in the Advanced CSS/SASS course.


Live App Close

This hotel booking website is built in CSS Flexbox and also written in SCSS. The application does not contain Javascript, and all animation features are handled in CSS/SCSS.

Second of the three projects developed in the Advanced CSS course.

Live App Close