Welcome to 30 Projects – a challenge where I build 30 different projects in React, This repository showcases my journey of exploring React concepts, improving my frontend skills, and creating useful applications. 🌟
This project is designed to:
- Enhance my ReactJS skills through hands-on experience.
- Build a diverse set of applications ranging from beginner-friendly to advanced.
- Explore different React features, hooks, API integrations, and optimizations.
- Maintain a structured approach to project development.
- Frontend: ReactJS (with Vite for fast development)
- Styling: CSS, Tailwind CSS, Bootstrap (depending on the project)
- State Management: React Hooks (useState, useEffect, etc.), Context API, Redux (for advanced projects)
- APIs & Integrations: Fetch API, Axios, Firebase, OpenAI, third-party APIs
- Deployment: GitHub Pages
Each project is stored in its respective folder within the repository:
| Day | Project Name | Description | Live Demo |
|---|---|---|---|
| 1 | Todo List App | A simple task manager using React hooks | Live |
| 2 | Weather App | Fetches real-time weather data via API | Live |
| 3 | Random Quote Generator | Generates motivational quotes on button click | Live |
| 4 | Expense Tracker | Manages daily expenses with local storage | Live |
| ... | ... | ... | ... |
More projects will be added daily! 🚀
- Clone the repository:
git clone https://github.com/AdityaRaj81/30projects.git
- Navigate to a specific project folder:
cd project-01 - Install dependencies:
npm install
- Start the project:
npm run dev
- Open
http://localhost:5173/(if using Vite) in your browser.
If you have any suggestions or want to contribute to the challenge, feel free to fork the repo and submit a pull request.
- GitHub: AdityaRaj81
- LinkedIn: Aditya Raj
- Twitter: @AdityaRaj_81
- Instragram: @AdityaRaj_81