Skip to content

Latest commit

 

History

History
113 lines (87 loc) · 3.4 KB

README.md

File metadata and controls

113 lines (87 loc) · 3.4 KB

Myntra Virtual Fashion Show - Virtual Couture

Welcome to the Myntra Virtual Fashion Show project! This innovative project combines the power of the MERN stack and Unreal Engine 5 to create an immersive and interactive fashion experience. Users can explore a virtual runway, engage with outfits, and shop directly from their virtual wardrobe.

Features

  • Landing Page: A vibrant and engaging landing page that invites users into the virtual fashion world.
  • Fashion Show Page: A stunning runway experience created with Unreal Engine 5, showcasing models and outfits with interactive pricing cards.
  • Interactive Buttons: Users can like, comment, and save outfits directly from the fashion show page.
  • Virtual Wardrobe: A personalized space where users can view and shop from their saved outfits.

Tech Stack

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • 3D Graphics: Unreal Engine 5
  • Additional Tools: Blender for 3D modeling

Screenshots

Landing Page

Landing Page

Fashion Show Page

Fashion Show Page

Interactive Buttons

Interactive Buttons

Virtual Wardrobe

Virtual Wardrobe

Installation

  1. Clone the repository:

    git clone https://github.com/Jasmine5220/myntra-virtual-fashion-show.git
    cd myntra-virtual-fashion-show
  2. Install dependencies for the backend:

    cd backend
    npm install
  3. Install dependencies for the frontend:

    cd ../frontend
    npm install

Running the Project

  1. Start the backend server:

    cd backend
    node data.js
    node data2.js
    node data3.js
    node server.js
    // Runs server at port 3000
  2. Start the frontend development server:

    cd frontend
    npm start
  3. Open your browser and navigate to:

    http://localhost:3001
    

Project Structure

myntra-virtual-fashion-show/
├── backend/                 # Backend code
│   ├── models/              # Mongoose models
│   ├── routes/              # API routes
│   └── server.js            # Main application file
│   └── data.js              # Fetching data file
│   └── data2.js             # Fetching data file
│   └── data3.js             # Fetching data file
├── frontend/                # Frontend code
│   ├── public/              # Public assets
│   ├── src/                 # React components and pages
│   └── App.js               # Main React component
│   └── api.js               # Retrieving data from APIs
├── screenshots/             # Screenshots for the README
└── README.md                # Project documentation

API Endpoints

Outfits

  • GET /api/outfits: Retrieve a list of all outfits
  • GET /api/items: Retrieve details of a specific outfit
  • DELETE /api/outfits/:id: Delete an outfit

Virtual Wardrobe

  • GET /api/wardrobe: Retrieve the user's virtual wardrobe
  • POST /api/wardrobe: Add an outfit to the virtual wardrobe
  • DELETE /api/wardrobe/:id: Remove an outfit from the virtual wardrobe

License

This project is licensed under the MIT License.

Thank you for visiting our project! Your perfect outfit would be a click away!