ReactJS Mini Projects

This repository contains a series of mini projects designed to help students learn and master ReactJS. Each project focuses on different aspects of React, from basic concepts to more advanced techniques, providing a comprehensive learning experience.

Projects Overview

1. Simple Counter Application:

2. E Sign App:

3. Randomize Colors:

4. Project Progress Tracker:

5. Dark Mode:

6. Filter Contacts App:

7. Form Validation:

8. Temperature Controller and Convertor:

9. useEffect Tutorial:

10. Tic Tac Toe:

11. To-Do List:

How to Use This Repository

Each project is contained within its own directory under the ReactJS-Tutorials/ folder. You can navigate to any project to find its specific README, which will include instructions on how to set up and run the project, as well as additional learning challenges.

Project Structure

• ReactJS-Tutorials/
  • p01-simple-counter/
    • README.md - Documentation specific to the Simple Counter project.
    • src/ - Source code for the project.
  • p02-e_sign_app
    • README.md - Documentation specific to the project.
    • src/ - Source code for the project. -etc

Getting Started

To get started with any project, follow these steps:

1. Clone the repository:

   git clone https://github.com/athrvdev/ReactJS-Tutorials.git
   

2. Enter the directory of a project:

cd project_name

3. **Install node modules:**
```bash
npm install

4. **Running Project:**

*For create-react-app*
```bash
npm start

open : http://localhost:3000

For create vite

npm run dev

open : http://localhost:5173