This repository contains a collection of mini projects created with React, Vite (as the bundler), and Tailwind CSS for styling. The projects demonstrate the use of various React hooks and concepts, including useState, useEffect, useContext, useRef, useCallback, React Router, localStorage, and API fetching.
- React Router: Used for managing navigation across the app.
- Tailwind CSS: Applied for styling and responsive design.
- Context API: Used for managing global state in some projects.
- LocalStorage: Used for storing data on the client side.
- useState, useEffect: State management and side effects handling.
- useRef: Used for accessing DOM elements directly.
- useCallback: Used to memoize callback functions.
- API Fetching: Making HTTP requests to fetch data from external APIs.
| # | Project Name | Demo Link |
|---|---|---|
| 001 | Background Changer | Live Demo |
| 002 | Budget Tracker | Live Demo |
| 003 | Calculator | Live Demo |
| 004 | Counter | Live Demo |
| 005 | Currency Converter | Live Demo |
| 006 | Digital Clock | Live Demo |
| 007 | Dynamic Gallery | Live Demo |
| 008 | Form Validation | Live Demo |
| 009 | Password Generator | Live Demo |
| 010 | Recipe App | Live Demo |
| 011 | Shadow Generator | Live Demo |
| 012 | Todo App | Live Demo |
| 013 | Weather App | Live Demo |
