<h1 align="center" id="title">Ecommerce SpectaStyle</h1> <img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" /> <div align="center"> <p>

GitHub contributors GitHub repo size <a href="https://hits.sh/spectastyle.vercel.app/"><img alt="Hits" src="https://hits.sh/spectastyle.vercel.app.svg?color=f208f2"/></a>

</p> </div> <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> Closed Issues</b></td> <td><b>🔔 Open PRs</b></td> <td><b>🔕 Close PRs</b></td> <td><b> last commit</b></td> </tr> </thead> <tbody> <tr> <td><img alt="Stars" src="https://img.shields.io/github/stars/harshalhonde21/EcommerceSpectastyle"/></td> <td><img alt="Forks" src="https://img.shields.io/github/forks/harshalhonde21/EcommerceSpectastyle?style=flat&logo=github"/></td> <td><img alt="Issues" src="https://img.shields.io/github/issues/harshalhonde21/EcommerceSpectastyle?style=flat&logo=github"/></td> <td><img alt="closed issues" src="https://img.shields.io/github/issues-closed-raw/harshalhonde21/EcommerceSpectastyle"</td> <td><img alt="Open Pull Requests" src="https://img.shields.io/github/issues-pr/harshalhonde21/EcommerceSpectastyle?style=flat&logo=github"/></td> <td><img alt="Close Pull Requests" src="https://img.shields.io/github/issues-pr-closed/harshalhonde21/EcommerceSpectastyle"/></td> <td><img alt="last commit" src="https://img.shields.io/github/last-commit/harshalhonde21/EcommerceSpectastyle"/></td> </tr> </tbody> </table> </div> <img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" /> <p align="center"><img src="https://socialify.git.ci/harshalhonde21/EcommerceSpectastyle/image?language=1&name=1&owner=1&stargazers=1&theme=Dark" alt="project-image"></p> <p id="description">It is Full Stack Web Application made in MERN Stack it is End-to-End Encrypted website to order in shoe.</p> <img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" /> <h1>✅ Note</h1>

All the Contributors take the note all join discord server of GSSOC and go to FORUM and project-intro all should join in our project card and if any diffculty then you can ask there.

💻Techstack Uses:-

<img src="https://img.shields.io/badge/react.js-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" alt="React.js logo">  <img src="https://img.shields.io/badge/express.js-000000.svg?style=for-the-badge&logo=express&logoColor=white" alt="Express.js logo">  <img src="https://img.shields.io/badge/jsx-%23404d59.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB" alt="JSX logo">  <img src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white" alt="CSS logo">  <img src="https://img.shields.io/badge/node.js-339933.svg?style=for-the-badge&logo=nodedotjs&logoColor=white" alt="Node.js logo">  <img src="https://img.shields.io/badge/mongodb-%2347A248.svg?style=for-the-badge&logo=mongodb&logoColor=white" alt="MongoDB logo">  <img src="https://img.shields.io/badge/mongoose-%23880000.svg?style=for-the-badge&logo=mongoose&logoColor=white" alt="Mongoose logo">  <img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white" alt="HTML5 logo">  <img src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white" alt="CSS3 logo"> <img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" /> <h2>🚀 Demo</h2>

Website<br /> Warehouse

✅ Internal Implemenation : MERN + JWT 🔐

🚀 Don't Forget to Star the Repo 🚀

🌟 If you find this repository useful or interesting, please consider giving it a star! It helps us understand how many users appreciate our work and motivates us to continue improving it. Thank you for your support! 🌟

<img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" /> <h2>🧐 Features</h2>

Here're some of the project's best features:

Succesfully Auth
Product Showcasing
Review Functionality
and many more..

The icons used in your instructions are relevant and intuitive for the steps described. However, here are a few suggestions for improvement, with some changes to make the icons more visually aligned with their respective actions:

🛠️ Installation Steps

🍴 Fork this repository.
- Click the Fork button at the top-right corner of this repository page to create a copy of the repository under your GitHub account.

📥 Clone your forked copy of the project.

git clone https://github.com/<your-username>/EcommerceSpectastyle.git

📂 Change the working directory.
```
cd EcommerceSpectastyle
```
📁 Navigate to the Frontend folder.
```
cd Frontend
```
📦 Install Frontend dependencies.
```
npm install
```
🚀 Start the Frontend development server.
```
npm run dev
```
📁 Navigate to the Backend folder.
```
cd backend
```
📦 Install Backend dependencies.
```
npm install
```
🚀 Start the Backend server.
```
npm start
```

🐬 Local Setup with Docker

If you have Docker installed, you can easily set up the application locally with the following steps:

Clone the Repository and navigate to the working directory

Make sure you have docker installed on your system

docker-compose up --build

After the Image is build You can access it on:-

http://localhost:5173/

You are all set! 🎉

🔧 Creating a Pull Request

🌿 Create a new branch.
```
git checkout -b <your_branch_name>
```
📊 Track your changes.
```
git add .
```
💬 Commit your changes with a relevant commit message.
- For example, if you added a new feature, you could use:
```
git commit -m "Add feature X"
```
- Or if you fixed a bug, you could use:
```
git commit -m "Fix issue Y"
```
🚀 Push the committed changes in your feature branch to your remote repository.
```
git push -u origin <your_branch_name>
```
🔄 Create a pull request.
- Go to your forked repository on GitHub and click on Compare & pull request.
- Ensure you compare your feature branch to the desired branch of the repository you are making a PR to.

🎉 Voila! You have successfully made a PR to the EcommerceSpectastyle project. Now, sit back, relax, and wait for the project maintainers to review your PR. <img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" />

<h2>🍰 Contribution Guidelines:</h2>

Any contributor who wishes to contribute to this project should first read the README thoroughly. Study how the project is built and done; familiarize yourself with its structure and components. Take note of any bugs present in the project. If you find any raise an issue on the project's repository. Wait until a mentor assigns the issue to you. Once assigned start working on the development of the fix or improvement. After completing the development raise a pull request (PR) for the changes to be reviewed and merged into the project.

<img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" /> <h2>🍰 Issue MakingGuidelines:</h2>

Guidelines for Creating a Great Issue with Visual and Detailed Description

Title:

Choose a clear and descriptive title that summarizes the issue concisely.

Description:

Provide a detailed description of the issue, including its impact and any relevant background information.
Use clear and precise language to communicate the problem effectively.
Include any steps to reproduce the issue if applicable.
Mention any error messages or unexpected behavior observed.

Visuals:

Attach screenshots, gifs, or videos demonstrating the issue whenever possible.
Use annotations to highlight specific areas of interest in visuals.
Ensure visuals are clear and well-lit for easy understanding.

Steps to Reproduce:

Outline the steps necessary to reproduce the issue.
Include any prerequisites or specific conditions required for the problem to occur.

Expected Behavior:

Clearly state what behavior is expected under normal circum

EcommerceSpectastyle

Install / Use

README