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.

---