AyushPatel454/ReactJS-Atyantik

This repo will help you to learn React JS basics concepts step by step. & Includes many project which build your confidence in React JS.

React JS Projects Repository

Welcome to my React JS projects repository! This repository contains a collection of projects covering various topics and concepts in React JS. Each project is organized into its own folder, and commits are made step by step within each folder to track the development process.

Some Projects covered in this repo.

Below are some of the key projects created in this repository:

1. Tic Tac Toe App

   • Description: A simple Tic Tac Toe game built using React.
   • Follow this section: 07-tic-tac-toe-starting-project
   • Demo: Tic Tac Toe App Demo

2. Investment Calculator App

   • Description: An investment calculator app built with React to calculate returns on investment based on user input.
   • Follow this section: 08-investment-calculator-app
   • Demo: Investment Calculator App Demo

3. Project Management Website

   • Description: A project management website designed to track and manage projects using React.
   • Follow this section: 11-Project-Management-Website
   • Demo: Project Management Website Demo

4. Quiz App

   • Description: A quiz application that allows users to take quizzes on various topics. Built using React.
   • Follow this section: 14-Quiz-App
   • Demo: Quiz App Demo

5. Food Order App

   • Description: An online food ordering website built with React for users to browse and order food items.
   • Follow this section: 18-Food-order-app-website

6. Cart Management

   • Description: Create shopping website and add items to cart, remove from cart, update the quantity of particular item & also updated in cart.
   • Follow this section: 12-Context_API-useReducer_AdvancedStateManagment
   • Demo: Cart Management Demo

7. Todo App

   • Description: Todo management: Add, update, mark as done, unmark, and delete todos. Persistence: Todos are stored in local storage for persistence across sessions. Class-based components: The entire project uses class-based components.
   • Follow this section: Todo-app-classBasedComponent

For a complete list of projects and their descriptions, please refer to the project index in the README.md file.

About

This repository serves as a learning resource for mastering React JS. Feel free to explore the projects and dive into the code to learn more about React and its ecosystem.

Path for learning.

1. 03_Component_JSX_Props_state_andMore

   • Description: Covers the basics of React components, JSX syntax, props, and state management.

2. 07-tic-tac-toe-starting-project

   • Description: A starting project for building a tic-tac-toe game in React.

3. 08-investment-calculator-app

   • Description: An investment calculator app built using React.

4. 09-styling_ract_component

   • Description: Exploring various styling techniques for React components.

5. 10-Refs-and-Portals

   • Description: Covers the usage of refs and portals in React.

6. 11-Project-Management-Website

   • Description: A project management website built with React.

7. 12-Context_API-useReducer_AdvancedStateManagment

   • Description: Explores advanced state management using Context API and useReducer.

8. 13-side-effects_and_useEffects

   • Description: Covers side effects and useEffect hook in React.

9. 14-Quiz-App

   • Description: A quiz app built using React.

10. 15-sending-HTTP-request

    • Description: Demonstrates sending HTTP requests in React applications.

11. 16-custom-react-hooks

    • Description: Creating and using custom React hooks.

12. 17-working-with-Form-and-User-Input

    • Description: Working with forms and user input in React.

13. 18-Food-order-app-website

    • Description: A food order app website built with React.

14. 19-redux-alternativeOfContextAPI

    • Description: An alternative approach to state management using Redux instead of Context API.

15. 20-redux

    • Description: Using Redux for state management in React applications.

16. 21-advanced-redux

    • Description: Advanced Redux concepts and usage.

17. 22-single-page-applications-router

    • Description: Implementing single-page applications with React Router.

18. 23-single-page-application-routing-practice-project

    • Description: A practice project for single-page application routing.

19. 24-authentication-to-react-app

    • Description: Adding authentication to a React application.

20. 25-class-based-component

    • Description: Working with class-based components in React.

21. Todo-app-classBasedComponent

    • Description: A simple todo app built using class-based components.

About

This repository serves as a learning resource for mastering React JS. Feel free to explore the projects and dive into the code to learn more about React and its ecosystem.