Drawn2Shoe

KO | EN

gitlite — search

#javascript #react #golang #machine-learning #macos #java #windows #awesome #kubernetes #vue #awesome-list #pytorch #security #openai

(★ 23)

Drawn2Shoe is a user-friendly e-commerce platform. 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.

Drawn2Shoe Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Drawn2Shoe: Buy Customized Shoes Online!👟🎨

<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>

## 💻Tech Stack

![React](https://img.shields.io/badge/React-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Redux](https://img.shields.io/badge/Redux-%23764ABC?style=for-the-badge&logo=redux&logoColor=white)
![daisyUI](https://img.shields.io/badge/daisyUI-%232D3748?style=for-the-badge&logo=tailwind-css&logoColor=white)
![CSS](https://img.shields.io/badge/CSS-%231572B6?style=for-the-badge&logo=css3&logoColor=white)
![Node.js](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
![Express](https://img.shields.io/badge/Express-000000?style=for-the-badge&logo=express&logoColor=white)

</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:**

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

2. **Install client dependencies:**

```bash
    cd client
    npm install
    ```

3. **Install server dependencies:**

```bash
    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:

```bash
      npm install -g prisma
      ```

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

- To generate Prisma client:

```bash
      cd ../server
      npx prisma generate
      ```

- To migrate the database:

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

- To seed the database :
    
      To populate initial datasets in the database:

```bash
      cd ../server
      node prisma/seed.js
      ```

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

6. **Running the Frontend:**

```bash
    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.

```bash
    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](CONTRIBUTING.md) for detailed information on how you can get involved.

## 👥Maintainers

-   [**Divij Sharma**](https://github.com/dvjsharma) 
-   [**Shashank Shekhar**](https://github.com/ShashankShekhar07)

## 📜License

This project is licensed under the MIT License - see the [LICENSE](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>

![Contributors](https://contrib.rocks/image?repo=dvjsharma/Drawn2Shoe)

### Show some ❤️ by starring this awesome repository!

</div>

Drawn2Shoe

Drawn2Shoe Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Drawn2Shoe

Drawn2Shoe Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README