bengisu-sahin / React-Projects

This repo contains the projects and notes taken from the courses watched to learn technologies such as react next.js.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-Projects

Project 1 - Movie List

In this project, a movie page was tried to be made. Movies can be added, deleted or edited on this page.

ezgif com-optimize

Project 2 - BookFolio

Context API concept was learned by taking this project as an example. Below is how the application works.

bookfolio

Project 3 - Employee Management

CRUD operations were performed. Learned to use hooks. The concept of LocalStorage was learned and implemented. You can learn from the project commits what all the other issues that are focused on are. Below is how the application works.

Manage Employees - Kişisel - Microsoft_ Edge 2023-06-26 15-19-50 (1)

Project 5 - Movie App with Next.js

This project was written to learn the next.js framework. At the same time, Tailwind CSS is used. The "themoviedb.org" site was used for the API.

ezgif com-video-to-gif

Project 7 - Weather App

In this project, useState hook has been used and api operations have been made. At the same time, "react accordion component" and "react-select-async-paginate" third part libraries are used. API provided from openweathermap and rapidapi.

weather-app

Project 8 - Notes App

image

Project 9 - Landing Page Project with Next.js

Animation was made by using framer-motion library. Additionally, we learned how to use the useInview hook. The application is written in tailwind so that it is compatible with different screen sizes and there will be changes in the menu bar and screen design accordingly. On the Nextjs side, page redirection, opening another new tab when clicking the link, and using link and img components are fulfilled. ezgif com-video-to-gif

About

This repo contains the projects and notes taken from the courses watched to learn technologies such as react next.js.


Languages

Language:JavaScript 83.1%Language:CSS 9.7%Language:HTML 7.2%