Skip to content

Latest commit

 

History

History
145 lines (105 loc) · 5.11 KB

README.md

File metadata and controls

145 lines (105 loc) · 5.11 KB

VintageVogue 🛍️👗

VintageVogue is a modern, fully responsive e-commerce website focused on classic and vintage fashion. The platform offers a sleek dark/light mode toggle, interactive slider cards, and a product carousel to enhance the shopping experience. Built with React.js, Tailwind CSS, and other cutting-edge libraries, VintageVogue brings timeless fashion into the digital world.

Screenshots 📸

Dark Mode Screenshot Light Mode Screenshot

Features ✨

  • Responsive Design: Adapts seamlessly to all screen sizes and devices for an optimal user experience.
  • Dark/Light Mode: Toggle between dark and light themes for a customizable interface.
  • Slider Cards: Display products with interactive sliders using react-slick and slick-carousel.
  • Product Carousel: Showcase items using smooth product sliders.
  • Modern UI/UX: Sleek, user-friendly interface designed for easy navigation and interaction.
  • Smooth Animations: Elements animated using AOS for a dynamic and engaging look.
  • Easy Navigation: Seamless browsing experience powered by react-router-dom.

Tech Stack 🛠️

React Tailwind CSS React Router React Icons React Slick JavaScript AOS HTML5 CSS3 Responsive

Project Layout 🗂️

Here's the general layout of the project:

VintageVogue/
│
├── public/
│   ├── index.html
│   └── assets/
│       └── images/
│
├── src/
│   ├── components/
│   ├── pages/
│   ├── styles/
│   ├── App.js
│   ├── index.js
│   └── ...
│
├── .gitignore
├── package.json
├── README.md
└── LICENSE
  • public/: Contains the static HTML file and assets like images.
  • src/: Contains the source code, including components, pages, and styles.
  • components/: Reusable UI components.
  • pages/: Different pages of the website.
  • styles/: Tailwind CSS styles and custom styling files.
  • App.js: Main application component.
  • index.js: Entry point for the React application.

Getting Started 🚀

Prerequisites

  • Node.js (version 14 or higher)
  • npm (comes with Node.js)

Installation

  1. Clone the Repository

    git clone https://github.com/ajaypatil1993/vintagevogue.git
    cd vintagevogue
  2. Install Dependencies

    npm install
  3. Run the Development Server

    npm start

    Open your browser and go to http://localhost:3000 to view the website.

Contributing 🤝

  1. Fork the Repository

  2. Create a Feature Branch

    git checkout -b feature/new-feature
  3. Commit Your Changes

    git add .
    git commit -m "Add new feature"
  4. Push to the Branch

    git push origin feature/new-feature
  5. Open a Pull Request

    Navigate to the repository on GitHub and create a new pull request.

Live Preview 🌐

Check out the live version of the site at: VintageVogue Live

Contact 📬

License 📝

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements 🙏

  • React
  • React Slick
  • Tailwind CSS
  • React Router
  • React Icons
  • AOS