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.