<div align="center">

Drawn2Shoe: Buy Customized Shoes Online!👟🎨

<div align="center"><img src="./client/src/assets/banner-hero.png" width="auto" height="200px"/></div>

<i>Drawn2Shoe is a user-friendly e-commerce platform, developed using ReactJS and Node.js. It offers customers the ability to purchase and personalize their shoes. The platform's intuitive interface ensures seamless navigation and usability across a variety of devices.</i>

</div> <div align = "center"> <table align="center"> <thead align="center"> <tr border: 1px;> <td><b>🌟 Stars</b></td> <td><b>🍴 Forks</b></td> <td><b>🐛 Issues</b></td> <td><b>🔔 Open PRs</b></td> <td><b>🔕 Close PRs</b></td> </tr> </thead> <tbody> <tr> <td><img alt="Stars" src="https://img.shields.io/github/stars/dvjsharma/Drawn2Shoe?style=flat&logo=github"/></td> <td><img alt="Forks" src="https://img.shields.io/github/forks/dvjsharma/Drawn2Shoe?style=flat&logo=github"/></td> <td><img alt="Issues" src="https://img.shields.io/github/issues/dvjsharma/Drawn2Shoe?style=flat&logo=github"/></td> <td><img alt="Open Pull Requests" src="https://img.shields.io/github/issues-pr/dvjsharma/Drawn2Shoe?style=flat&logo=github"/></td> <td><img alt="Close Pull Requests" src="https://img.shields.io/github/issues-pr-closed/dvjsharma/Drawn2Shoe?style=flat&color=critical&logo=github"/></td> </tr> </tbody> </table> </div> <div align="center">

💻Tech Stack

</div>

✨Features

• Custom Shoe Design: Personalize your shoes with a variety of colors, patterns, and designs.
• Responsive Design: Seamless experience on mobile, tablet, and desktop devices.
• User-Friendly Interface: Intuitive navigation for an easy shopping experience.
• Secure Payments: Multiple secure payment options to choose from.
• Order Tracking: Keep track of your orders in real-time.
• Customer Reviews: Read and leave reviews for products.
• Wishlist: Save your favorite designs for future purchases.

🚀Getting Started

Prerequisites

Ensure that Node.js and MySQL are installed on your machine.

Installation

1. Clone this repository:

   git clone https://github.com/dvjsharma/Drawn2Shoe.git
   cd Drawn2Shoe
   

2. Install client dependencies:

   cd client
   npm install
   

3. Install server dependencies:

   cd ../server
   npm install
   

4. Create a configuration file:

   1. Create a file named config.env in the server folder and simply copy the content of .env.example into it.

   2. Replace user and password from DATABASE_URL="mysql://user:password@localhost:3306/drawn2shoe" with your credential of mysql in the .env file.

   3. Replace yourmail@gmail.com and your_password with a actual Email address and Password. Make sure your two-factor-authentication is on for this mail. This address would be used to send reset links for forgot password. (This step is only necessary if you working on forgot password else leave it as it is.)

<!-- 5. **Setting up the Database:** Open XAMPP (or any other SQL Db service) and start the Apache and MySQL services. Find and import the database from [here](https://drive.google.com/file/d/1qShqZpEGcdhVmZ7zzAar-tBwhPFomNWW/view?usp=sharing). Make sure to name it as `drawn2shoe`. <i>NOTE: if you have custom configuration for XAMPP, don't forget to change Db config in `server/data/database.js`</i> -->

5. Setting up Prisma:

   • Install Prisma CLI globally:

     npm install -g prisma
     

   • Follow the interactive prompts to set up Prisma with your database.

   • To generate Prisma client:

     cd ../server
     npx prisma generate
     

   • To migrate the database:

     cd ../server
     npx prisma migrate dev --name init
     

   • To seed the database :

     To populate initial datasets in the database:

     cd ../server
     node prisma/seed.js
     

   • Follow the interactive prompts to set up Prisma with your database.

6. Running the Frontend:

   cd ../client
   npm run dev
   

7. Running the Backend:

   Open another terminal in the folder, and make sure XAMPP (or any other SQL Db service) is running in the background.

   cd ../server
   node server.js
   

After completing these steps, you should have the Drawn2Shoe application up and running on your local machine. 🎉

🤝Contributing

We welcome contributions to Drawn2Shoe! Please refer to our Contributing Guidelines for detailed information on how you can get involved.

👥Maintainers

• Divij Sharma
• Shashank Shekhar

📜License

This project is licensed under the MIT License - see the LICENSE file for details.

💬Message From PA

Welcome to Drawn2Shoe!

We're glad you're here and excited for you to explore our project. Whether you're checking out the code, contributing to the project, or providing feedback, your presence and input are invaluable.

Feel free to dive in, get involved, and make Drawn2Shoe even better!

Happy coding!💻✨

<div> <h2 align = "center">Our Contributors ❤️</h2> <div align = "center"> <h3>Thank you for contributing to our repository</h3>

Show some ❤️ by starring this awesome repository!

</div>