myntra-clone

Fashion4You

This project is a clone of the popular fashion eCommerce website Myntra. It replicates the core features and functionalities of Myntra using the MERN stack (MongoDB, Express.js, React.js, Node.js).

Features

• User Authentication: Users can sign up, log in, and log out securely.
• Product Catalog: Browse through a wide range of clothing items categorized by type, brand, and more.
• Product Details: View detailed information about each product, including images, descriptions, prices, and available sizes.
• Shopping Cart: Add items to the shopping cart and manage cart items before checkout.
• Payment Processing: Securely process payments for orders using the integrated Stripe payment gateway.
• Order Management: View order history and manage orders.
• User Profile: Update user information, view order history, and manage account settings.
• Responsive Design: Enjoy a seamless shopping experience across various devices, thanks to the responsive design.

Demo

Check out the demo of Fashion4You

https://github.com/yashpatel08/myntra-clone/assets/94280370/e3cd7067-bf0f-4e99-9a61-875f2ecac350

Tech Stack

Fashion4You utilizes the following technologies:

Frontend:

• React.js
• React Router (for routing)
• Material-UI (for UI components)

Backend:

• Node.js
• Express.js
• MongoDB (using Mongoose ORM for database operations)

Payment Processing:

• Stripe (for secure payment processing)

Installation

Install my-project with npm

  npm install my-project
  cd my-project

1. Clone the repository:

git clone https://github.com/yashpatel08/myntra-clone.git

2. Navigate to the project directory:

cd myntra-clone

3. Install dependencies for the server:

npm install

4. Navigate to the client directory:

cd client

5. Install dependencies for the client:

npm install

1. Set up environment variables:

• Create a .env file in the root directory.
• Add your MongoDB URI, Stripe API key, and any other necessary environment variables to the .env file. 2. Run the development server:

  npm run dev
  

  Contributing

Contributions are always welcome!

How to Contribute

1. Fork the Repository: Start by forking the repository to your own GitHub account.

2. Clone the Repository: Clone the forked repository to your local machine using the following command:

git clone https://github.com/your-username/myntra-clone.git

3. Create a Branch: Create a new branch to work on your feature or bug fix:

git checkout -b feature/your-feature-name

Replace your-feature-name with a descriptive name for your feature or bug fix.

4. Make Changes: Make your desired changes to the codebase.

5. Commit Changes: Once you’ve made your changes, commit them with a descriptive commit message:

git commit -am 'Add feature: your feature description'

6. Push Changes: Push your changes to your forked repository:

git push origin feature/your-feature-name

7. Submit a Pull Request (PR): Go to the GitHub page of your forked repository and submit a pull request to the main branch of the original repository. Provide a clear title and description for your pull request, explaining the changes you’ve made.

Code Style

• Follow the existing code style and conventions used in the project.
• Ensure your code is well-documented and easy to understand.
• Use meaningful variable names and function names.

  Testing

• If you’re adding new features or making significant changes, please include tests to ensure the functionality works as expected.
• Run existing tests to ensure you haven’t broken any existing functionality.

Review Process

• Pull requests will be reviewed by project maintainers.
• Constructive feedback may be provided to help improve your code.
• Once your pull request is approved, it will be merged into the main codebase.

Thank you for your contributions! 🎉 Let’s make Myntra Clone even better together! If you have any questions, feel free to reach out to the project maintainers.