Skip to content

UrbanHype is a modern, responsive e-commerce platform for fashion enthusiasts, offering dynamic animations, exclusive offers, blog articles, and a sleek product showcase. Built using React, GSAP, and JavaScript, it delivers a seamless shopping experience across all devices.

Notifications You must be signed in to change notification settings

saheb-ul-lah/Urban-Hype-Final

Repository files navigation


UrbanHype E-Commerce Website

Overview

Welcome to the UrbanHype E-Commerce Website repository! This project is a modern, responsive e-commerce platform designed to provide a seamless shopping experience for fashion enthusiasts. Built with a focus on clean, stylish aesthetics and smooth user interactions, this website showcases the latest trends in clothing and fashion.

Features

  • Dynamic Home Page: Includes animated banners, interactive search bar, and stylish navigation.
  • Blog Section: Features engaging articles related to fashion trends, store updates, and more.
  • Offers Section: Highlights exclusive offers and limited-time deals with eye-catching animations and countdown timers.
  • Product Features: Details about product purity, cruelty-free standards, and ingredient sourcing with a sleek card design.
  • Responsive Design: Optimized for all device sizes, ensuring a consistent and enjoyable user experience on desktops, tablets, and mobile devices.

Technologies Used

  • Frontend:

    • React: For building interactive user interfaces.
    • GSAP: For advanced animations and smooth transitions.
    • CSS3: For styling and responsive design, including hover effects and glass morphism.
    • Ionicons: For modern, vector-based icons.
  • Assets:

    • High-quality images for products, offers, and features.
    • Font and icon libraries for a cohesive visual style.

Contributed by

  1. Arghajit Saha
  2. Kalyan Gupta
  3. Aditya Karmakar

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/saheb-ul-lah/Urban-Hype-Final.git
  2. Navigate to the project directory:

    cd Urban-Hype-Final
  3. Install dependencies:

    npm install
  4. Run the development server:

    npm run dev
  5. Open your browser and go to http://localhost:3000 to view the project.

Usage

  • Home Page: Explore the featured products and latest offers.
  • Blog Section: Read articles related to fashion and lifestyle.
  • Offers Section: Check out ongoing discounts and promotions.
  • Product Features: Learn about the benefits and standards of our products.

Contribution

Contributions to this project are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository to your own GitHub account.
  2. Create a new branch for your changes.
  3. Commit your changes and push them to your forked repository.
  4. Submit a pull request to the main repository with a description of your changes.

Contact

For any questions or feedback, please contact:


About

UrbanHype is a modern, responsive e-commerce platform for fashion enthusiasts, offering dynamic animations, exclusive offers, blog articles, and a sleek product showcase. Built using React, GSAP, and JavaScript, it delivers a seamless shopping experience across all devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published