React Projects

Welcome to My MERN Stack Projects repository! This collection of projects showcases the power and versatility of the MERN (MongoDB, Express.js, React.js, Node.js) stack. Each project represents a unique application or feature, demonstrating the capabilities of this modern and full-stack development environment.

Table of Contents

• Key Features
• Project List
• How to Use
• Contributing
• License

Key Features

• Diverse Projects: Explore a range of MERN projects, each highlighting unique features and implementation techniques.
• Hands-on Learning: Each project comes with complete source code and documentation, making it easy to learn and understand MERN concepts.
• Beginner-Friendly: Whether you're a beginner or an experienced developer, these projects are designed to cater to all skill levels.
• Real-world Applications: Gain practical experience by working on projects that mimic real-world scenarios and common web development use cases.

Tech Stacks

1. Frontend :-

   • Description: This is a user-friendly Registration Form application with.

   • Technologies used: React Js, axios, react-router-dom, react-toastify.

   • Demo: [https://github.com/YsbAli/MERN-PROJECTS/tree/c16f2e8a41166b0bd66d69cab9367c7e046dccf9/Book%20Store]

2. Backend :-

   • Description: This is a Sign-up - Sign-in Backend application with all the functionality, Validation , JWT Authentication etc.

   • Technologies used: Node Js, Express JS, JWT-Authentication, Joi Validation, bcrypt js

   • Demo: [https://github.com/YsbAli/Registration-Form/tree/8095c327e5c8c73bcb06ce8f2493a20f9123a5e9/Backend]

How to Use

1. Clone the Repository:

       https://github.com/YsbAli/Registration-Form.git

2. Navigate to the Project of Interest:

   cd Registration-Form

3. Install Dependencies:

   npm install 

4. Run the Application:

   npm run dev  
   
   npm run server

5. Explore the Project:

   • Visit http://localhost:5173 or the specified port to interact with the Frontend project.

   • Visit http://localhost:8080 or the specified port to interact with the Backend project.

Tools used on this project

• Visual Studio Code

• Post Man

Follow me - Yousub Ali

Show your support

Give a ⭐️ if you like this project!

Contributing

Contributions are welcome! If you have ideas for new projects, improvements, or bug fixes, please check the Contributing Guidelines.

License

This repository is licensed under the MIT License.

Feel free to explore, learn, and contribute to the world of React.js development!