This repository contains a collection of my React.js projects, built to strengthen my frontend development skills and showcase my work.
The apps are organized into two categories:
| Project | Description |
|---|---|
| 01 - Counter App | Basic counter using useState, with increment, decrement, and reset functionality |
| 02 - Theme Toggle App | Toggle between light and dark mode using useState and conditional styling |
| 03 - Simple Form Handler | Basic contact form with state handling, reset functionality, and live data preview |
| 04 - Show/Hide Password | Toggle password visibility using useState and conditional rendering |
| 05 - Live Character Counter | Tracks character count in a textarea with real-time updates |
| 06 - Basic Calculator | Performs basic arithmetic operations and handles input validation |
| 07 - Todo App with LocalStorage | Persistent todo list using useState, useEffect, and localStorage |
| 08 - Quote Generator | Displays random quotes from a local array using useState |
| 09 - Weather App | Live weather info using wttr.in API with loading state and error handling |
| 10 - Image Gallery with Filter | Dynamic image gallery with category-based filtering using local JSON and useState |
| 11 - FAQ Accordion | Toggle questions and answers open/close with accordion-style interaction using useState |
| 12 - Stopwatch Timer | Start, stop, and reset a timer with MM:SS format and interval cleanup using React hooks |
| 13 - Notes App with CRUD | Create, edit, and delete notes with persistent localStorage and responsive UI using useState and useEffect |
| 14 - Expense Tracker | Add income and expenses, calculate total balance, and persist data using localStorage, useState, and useEffect |
| Project | Description |
|---|---|
| React Dashboard (coming soon) | Multi-page dashboard using React Router and JSONPlaceholder APIs |
- React.js
- JavaScript (ES6+)
- React Hooks (
useState,useEffect) - Git & GitHub
cd mini-projects/project-folder-name
npm install
npm start
```bash
cd mini-projects/14-expense-trackerThis portfolio is part of my React learning journey to become a professional frontend developer. I am building it project-by-project to demonstrate my hands-on experience in React.