Welcome to my React learning repository! My name is Amarnath Sharma, and I built these projects while following the excellent Chai aur Code series (Chai aur React) on YouTube. This workspace contains a collection of mini-projects and applications I built to learn and master various concepts in React, from basic state management to advanced hooks and client-side routing.
Below is an index of the projects included in this repository. Each project has its own detailed README.md explaining the specific concepts learned and how to run it.
| Project Name | Key Concepts Learned |
|---|---|
| bgChanger | useState, Event Handling, Tailwind CSS basics |
| passwordGenerator | useState, useCallback, useEffect, useRef, Clipboard API |
| reactRouter | react-router-dom, Nested Routes, <Outlet/>, Loaders, Dynamic Routing |
| themeSwitcher | React Context API (createContext, Provider, useContext), Custom Hooks, Tailwind Dark Mode |
| miniContext | React Context API basics, Global State Management without Prop Drilling |
| currencyConverter | (Custom Hooks, API fetching - Check project for details) |
| todoContext | (Context API with Local Storage - Check project for details) |
- Framework: React 18/19
- Build Tool: Vite
- Styling: Tailwind CSS
- Routing: React Router v7+
- Clone this repository to your local machine:
git clone https://github.com/amar-295/react-js-projects.git
- Navigate into the specific project folder you want to run (e.g.,
cd bgChanger). - Install the dependencies for that specific project:
npm install
- Start the development server:
npm run dev
Happy coding! 🎉