Skip to content

This sleek, fully responsive e-commerce platform celebrates classic and vintage fashion. Featuring a stylish dark/light mode toggle, interactive slider cards, and a dynamic product carousel, it provides an enhanced shopping experience. Crafted with React.js, Tailwind CSS, and other modern libraries.

Notifications You must be signed in to change notification settings

ajaypatil1993/react.js-e-commerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

About

This sleek, fully responsive e-commerce platform celebrates classic and vintage fashion. Featuring a stylish dark/light mode toggle, interactive slider cards, and a dynamic product carousel, it provides an enhanced shopping experience. Crafted with React.js, Tailwind CSS, and other modern libraries.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published