Skip to content

Latest commit

 

History

History
82 lines (68 loc) · 3.38 KB

README.md

File metadata and controls

82 lines (68 loc) · 3.38 KB

ZHUB Store

Overview

ZHUB Store is a dynamic fashion filter feature designed for Myntra, leveraging modern web technologies to provide a seamless and engaging user experience. This project allows users to explore and purchase trendy fashion items inspired by popular Bollywood and Hollywood celebrities.

Features

  • Celebrity Inspiration: Users can explore styles from popular celebrities.
  • Interactive Style Templates: Curated templates for easy outfit visualization and selection.
  • User-Centric Interface: Intuitive layout for simplified navigation and style selection.
  • Customization Options: Mix and match elements to create unique looks.
  • Modern Aesthetic: Trendy design using Tailwind CSS, appealing to Gen Z.
  • Increased Engagement: Interactive features to keep users engaged.
  • Higher Conversion Rates: Engaging styles that lead to increased likelihood of purchases.
  • Trend Relevance: Aligns with current fashion trends, ensuring Myntra remains a go-to destination.

Frontend Workflow

  • Semantic Structure: EJS for structured layout ensuring clarity and accessibility.
  • Componentization: Use of sections and divs for content organization.
  • Utility-First Approach: Tailwind CSS for styling components.
  • Customization: Tailwind's configuration for style customization.
  • Enhanced Interactivity: Optional JavaScript for interactive elements.
  • Component-Based Development: Modular UI components for reusability and scalability.
  • Responsive Design: Tailwind CSS’s responsive utilities for seamless adaptation across devices.
  • Testing and Optimization: Rigorous testing and optimization techniques for performance.

Backend Workflow

  • Node.js with Express.js: Handles server-side logic and API endpoints.
  • Sequelize ORM: Simplifies database interactions with MySQL.
  • Swagger: Provides clear and interactive API documentation.
  • AWS EC2: Deploys and scales the backend application.
  • JSON Web Tokens (JWT): Secures API endpoints and manages user sessions.
  • MySQL: Stores and manages clothing items and their tags efficiently.

Architecture

  • Efficient, Secure, and Scalable: Manages clothing items and tags, handles user authentication, and provides API endpoints for various operations.

Benefits

  • Personalized Experience: Tailored user interactions.
  • Rapid Development: Quick implementation of new features.
  • Trend-Driven Choices: Aligns with current fashion trends.
  • Easy Customization: Allows for unique, user-defined looks.
  • Authentic Connection: Fosters a genuine user experience.
  • Self-Expression: Encourages users to express their style.
  • Inclusivity: Accessible and inclusive design.

Team

  • Team Name: CODHERS
  • Team Details: Sneha Sahu, Aarushi Shanker, Sakshi Sharan

Installation

  1. Clone the repository: 
    git clone https://github.com/snehasahu7/Myntra_HackerRamp.git
  2. Navigate to the project directory: 
    cd zhub-store
  3. Install dependencies: 
    npm install

Usage

  1. Start the backend server: 
    npm run start:backend
  2. Start the frontend server: 
    npm run start:frontend

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

License

This project is licensed under the MIT License.