Welcome to my repository containing ongoing React projects! This repository is continuously updated as I create new projects. The projects are divided into three levels: Beginner, Intermediate, and Advanced. Various frameworks are used in these each projects, including Tailwind CSS, React Router, React Redux, Redux Toolkit, TypeScript, and more.
Each project in this repository is designed to help developers learn and practice different aspects of React development. Whether you're a beginner looking to get started with React or an experienced developer wanting to explore advanced topics, you'll find something here to challenge and inspire you.
To run any of the projects, follow these simple steps:
- Clone the repository to your local machine.
- Navigate to the project directory.
- Install dependencies for the frontend using
npm installoryarn install. - Some projects may require a backend server running at
localhost:8080. If the project includes a backend, navigate to the backend directory (usually namedserverorbackend) and install backend dependencies usingnpm installoryarn install. Then, start the backend server usingnpm startoryarn start. - Once the backend server is running, return to the project directory and start the frontend using
npm startoryarn start. - View the project in your web browser at the specified localhost address.
Be sure to follow any additional instructions provided in the project's README file for specific setup requirements for both the frontend and backend. Enjoy exploring and experimenting with the projects!
| Project Name | Description |
|---|---|
| Accordion | A simple accordion component. |
| Birthday List | A list of birthdays with basic CRUD operations. |
| Grocery List | A grocery list app for managing shopping items. |
| React Router Practice | Practice exercises using React Router for navigation. |
| Responsive Navbar | A responsive navigation bar component. |
| Sidebar Menu | A sidebar menu for navigation purposes. |
| Sorting Tags | A component for sorting and displaying tags. |
| Tabs | A tab component for organizing content. |
| Testimonial Swiper | A carousel component for displaying testimonials. |
| User Fetch Data | Fetch and display user data from an API. |
| Project Name | Description |
|---|---|
| React Hooks | Practice exercises using React Hooks for state management and side effects. |
| Project Name | Description |
|---|---|
| React Router & Search Filter | An advanced project integrating React Router for navigation and implementing search filtering functionality. |
| E-commerce with Real-Backend | A sophisticated e-commerce application with a real backend for managing products and orders. |
Feel free to explore and contribute to these projects to enhance your React skills!
Contributions to this repository are welcome! If you have a project in mind or would like to contribute to an existing project, follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Open a pull request.
If you find this project useful, please consider giving it a 🌟 star.
After contributing, add your profile photo and URL to the Contributors section below.
|
Vishal Vishwakarma |
Your Name |