React Project
Project 1
Todo-App( With CRUD Opration)
- Keep Track of Your Tasks with React Todo List. A simple todo app which supports the CRUD functionality.
- User will be able to create a new todo
- User will be able to view all his created todo
- User will be able to edit his existing todo
- User will be able to delete his existing todo
- In This project i gain knowledge in react on by using React hooks and custom components to create an user interface .The project also utilizes local storage to save the user's tasks even after the page is refreshed.
Output
GitHub-Repo-Link
https://github.com/Satendra-singh-oos/Todo-App-React
Website Link
https://vocal-bonbon-c1146e.netlify.app/
Project-2
Rock Paper Scissors Game in React
- This is a simple Rock Paper Scissors game built using React. The user can choose their move and the computer will randomly select its move. The game result is displayed on the screen along with a message indicating whether the user won, lost, or tied the game. The game can be played multiple times until the user or computer score 5.
- The game is between user and computer
- The computer will randomly select his option b/w Rock , Paper and Scissors
- The user will be able to select his option from the interface
- Winner should be displayed after the game over
Output
GitHub-Repo-Link
https://github.com/Satendra-singh-oos/Rock-Paper-Scissors
Website Link
https://inspiring-banoffee-93b878.netlify.app/
Project-3
Meal Store Web App in React
- Using Api The Meal DB: It is free and open-source API for getting the meals data like ingredient, origin country etc by its name
- A simple and easy to use user interface
- User should be able to search the meal by its name. For example: Burger
- Meal data should be displayed after search in a proper way to the user
Output
GitHub-Repo-Link
https://github.com/Satendra-singh-oos/Meal-Store
Website Link https://statuesque-liger-ba27ba.netlify.app/
Project-4
Pokiemon Card Store Web App in React
- Using Api The Pokémon API: It is free and open-source API for getting the Pokémon data like its power, features and all
- A simple and easy to use user interface
- User should be able to search the Pokémon by its id or name. For example: 1 or cheri
- Pokémon data should be displayed after search in a proper way to the user
Output
GitHub-Repo-Link
https://github.com/Satendra-singh-oos/Pokiemon-App-React
Website Link https://curious-frangollo-530892.netlify.app
Project-5
Movie App in React
-
Using Api Movie App: It is a free and open-source API for getting the data related to a movie
-
The Movie App built using React. The user can search about there favorite movie. Used React Context-Api for state management.The website is also mobile responsive
- A simple and easy to use user interface
- User should be able to search the movie by its name. For example: Iron Man
- Movie data should be displayed after search in a proper way to the user
Output
GitHub-Repo-Link
https://github.com/Satendra-singh-oos/React-Movie-App
Website Link