Welcome to my repository of React projects! Each project in this repository is dedicated to exploring and implementing different React concepts.
-
React Counter Using Hooks: A project showcasing the implementation of React hooks for state management. It includes features for incrementing and decrementing a counter.
-
React Magic Color Changer: A project featuring a background color changer using React's state management. Users can experience a visually appealing color transition.
-
React Props and Tailwind CSS: A project demonstrating the use of React props for component customization and styling using the Tailwind CSS framework.
-
Password Generator: A React-based application for generating secure passwords with customizable options. It utilizes hooks such as useState, useEffect, and useRef for password generation.
-
Currency Converter: A React project enabling users to convert currency values with ease. It includes components like InputBox, a custom hook (useCurrencyInfo) for fetching currency information, and the main App component.
-
React Router Project: A dynamic, multi-page application showcasing the implementation of React Router. Components include Layout, Home, About, Contact, User, and Github, managed using React Router's Outlet.
-
Theme Switcher: A React-based application allowing users to toggle between light and dark themes. Key files include Card.jsx (example card), ThemeBtn.jsx (toggle switch), and App.jsx (main component with ThemeProvider).
-
Simple Todo Management: An easy-to-use TODO management system with features like adding, editing, and deleting tasks. Components include TodoForm, TodoItem, and TodoContext, utilizing React Context for state management.
-
Redux Todo Management: A Redux-powered TODO management application offering efficient state management. Components include AddTodo, Todos, and todoSlice.js, providing features for adding and removing todos.
For each project, refer to the respective README.md file for detailed instructions on how to run and explore the project locally.
This project is open for contributions, and your input is highly valued. If you encounter any issues or have ideas for improvements, please feel free to contribute. Follow the steps below to get started:
-
Fork the repository to your GitHub account.
-
Clone the forked repository to your local machine:
git clone https://github.com/your-username/loki-react.git
cd loki-react
- Create a new branch for your contribution:
git checkout -b feature/your-feature
- Make your changes and commit them:
git add .
git commit -m "Add your concise commit message"
- Push your changes to your forked repository:
git push origin feature/your-feature
- Create a pull request from your branch to the main repository.
If you come across any issues or have suggestions, please create an issue.
Projects inspired by the "Chai aur react" Playlist from Chai aur Code.
This repository is licensed under the MIT License.