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.
- 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
andslick-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
.
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.
-
Clone the Repository
git clone https://github.com/ajaypatil1993/vintagevogue.git cd vintagevogue
-
Install Dependencies
npm install
-
Run the Development Server
npm start
Open your browser and go to
http://localhost:3000
to view the website.
-
Fork the Repository
-
Create a Feature Branch
git checkout -b feature/new-feature
-
Commit Your Changes
git add . git commit -m "Add new feature"
-
Push to the Branch
git push origin feature/new-feature
-
Open a Pull Request
Navigate to the repository on GitHub and create a new pull request.
Check out the live version of the site at: VintageVogue Live
- LinkedIn: Connect with me 🔗
- Email: Send me an email 📧
- GitHub: View my GitHub 🔗
This project is licensed under the MIT License. See the LICENSE file for details.