Welcome to my collection of React projects! Each project is deployed and can be accessed through the provided links. Below is a table summarizing the projects:
| Project Name | Description | Live Demo |
|---|---|---|
| 01_PasswordGenerator | React-based password generator | Live Demo |
| 02_CurrencyConverter | Convert currency values | Live Demo |
| 03_TodoApp | Local storage-based todo app | Live Demo |
| 04_CPUscheduler | Visualize CPU scheduling process | Live Demo |
- Description: A fully responsive password generator built with Tailwind CSS. It can generate passwords with different letters (e.g., capital, small letters, and special characters) and various lengths.
- Technologies Used:
- Vite: A fast development build tool that provides instant server start and optimized builds for production.
- React: A JavaScript library for building user interfaces, known for its component-based architecture.
- Tailwind CSS: A utility-first CSS framework that allows for rapid and responsive UI development.
- Live Demo: Link to PasswordGenerator
- Description: A currency converter application that allows users to convert values between different currencies. It fetches real-time exchange rates and provides a user-friendly interface.
- Technologies Used:
- Vite: Enhances development speed with fast server start and hot module replacement.
- React: Enables efficient UI updates and state management with its declarative nature.
- Tailwind CSS: Simplifies the styling process with pre-built utility classes for responsive design.
- Live Demo: Link to CurrencyConverter
- Description: A local storage-based to-do application that enables users to add, delete, and manage their tasks. The application saves the tasks in the browser's local storage, ensuring that tasks persist between sessions.
- Technologies Used:
- Vite: Provides a fast and efficient development environment.
- React: Offers a dynamic and responsive UI through component-based development.
- Tailwind CSS: Facilitates quick and flexible styling with utility-first classes.
- Live Demo: Link to TodoApp
- Description: A visualization tool for CPU scheduling algorithms. It helps users understand how different scheduling processes work by providing visual representations of the processes.
- Technologies Used:
- Vite: Optimizes the development process with quick server start and minimal configuration.
- React: Delivers an interactive and maintainable UI with its component-driven approach.
- Tailwind CSS: Enables responsive design and efficient styling with pre-defined utility classes.
- Live Demo: Link to CPUscheduler
-
Clone the repository:
git clone https://github.com/your-username/react-projects.git cd react-projects -
Navigate to the desired project directory and install dependencies:
cd project-directory npm install -
Start the development server:
npm run dev
If you have any ideas, suggestions, or bug reports, We welcome you.