Zepto is a website that offers a curated selection of limited-time deals on a variety of products and services. Users can browse through the latest offers, which span categories such as electronics, fashion, home goods, and more. With a focus on time-limited promotions, Zepto aims to provide users with exclusive deals and discounts that are only available for a short period, adding a sense of urgency to their shopping experience.
Frontend | Backend
Betwa-Interface-015/
├─ backend/
│ ├─ server.js
│ ├─ routes/
│ └─ controllers/ requests
├─ frontend/
│ ├─ index.html
│ ├─ css/
│ ├─ js/
│ └─ data/
└─ README.md
Landing Page
Login and Signup Page
Card Page
Product Detail Page
Cart Page
- Login and Signup: "Effortlessly access exclusive deals by logging in or sign up for personalized shopping experiences.
- Cart: Keep track of your favorite deals and products with our convenient cart feature.
- Search bar: Easily find the deals you love with our intuitive search bar.
- Product Details Page:Explore comprehensive information and make informed decisions on our product details page.
- carousel:Discover a dynamic showcase of featured deals with our engaging carousel.
- HTML: Provides the structure and content for the web page.
- CSS: Handles the UI and styling, ensuring an appealing visual presentation.
- Javascript:JavaScript empowers dynamic and interactive web experiences through its versatile scripting capabilities.
- Json Server:JSON Server simplifies backend development by allowing you to quickly create a REST API with JSON data, streamlining your development process and enabling rapid prototyping.
-
Interactive: Card will increase in sized in a smooth way when curser hover them also the button changes the colors and in header the dropdown menu comes up and a red underline comes when user interact with it.
-
Carousel: A responsive slideshow for cycling images or text, with controls and indicators.
-
Flex and Grid: Many of the elements takes the benefits of display flex and display grid to provide more control over the deferent layout in different sections of website.
-
Fonts & Icons: Integrates Google Fonts and FontAwesome icons for enhanced typography and visual elements. By leveraging these resources, the website achieves a modern and visually appealing design, improving readability and user engagement.
To run this project locally:
- Clone this repository to your local machine.
- Open the index.html file in your preferred web browser.
- Additionally, ensure that you have the JSON server running locally by executing npm run start in your terminal. This will provide the necessary data from the backend.
- Explore the Zepto experience right from your device.
- Inspired by Zepto original website.
- Special thanks to our dedicated team for their invaluable contributions to Zepto and our mentor/IA Ritesh Ranjan Sir for giving us directions and material for this project.