Skip to content

Online Wine Ecommerce Website and added functionally like Signup, Login, Search, Cart page, Payment Page. We used HTML, CSS, JavaScript, ES6 Tech Stacks to build this application.

Notifications You must be signed in to change notification settings

srudhi6383/Online-Wine-shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Untitled

Wineshop Website

This is an online wine shop website project built using HTML, CSS, JavaScript and Firebase.

Table of Contents

Description

The WineShop website is an online platform for wine enthusiasts to browse, purchase, and explore a wide variety of wine products. It offers user registration and login, a product catalog, product details, a shopping cart, and a checkout process.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Firebase(for login page)
  • Google Authentication(for login)

Pages

navbar

Screenshot 2023-10-23 131843

1. Login/Sign Up Page

  • Allows users to either log in to their existing accounts or sign up as new users.

  • User authentication is implemented using JavaScript. Screenshot 2023-10-23 125842

    Screenshot 2023-10-23 125853

2. Home Page

  • Displays featured wine products and promotions.
  • Users can navigate to the product catalog from here. Untitled

3. Product Page

  • Lists all available wine products.
  • Users can filter and search for specific wines.
  • Clicking on a product redirects to the product detail page. Screenshot 2023-10-23 130124

4. Product Detail Page

  • Displays detailed information about a specific wine product.

  • Users can add the product to their shopping cart from this page. Screenshot 2023-10-23 130243

    Screenshot 2023-10-23 130259

5. Cart Page

  • Shows a summary of the items in the user's shopping cart.
  • Users can modify the quantity or remove items.
  • Provides a link to the checkout page. Screenshot 2023-10-23 130330

6. Checkout Page

  • Allows users to complete their purchase by providing shipping and payment information.
  • The checkout process may involve validation and confirmation steps. Screenshot 2023-10-23 130340

7. Payment Page

-The Payment Page is a crucial part of the WineShop website, where users complete their purchase. It handles the transaction securely and efficiently. Screenshot 2023-10-23 130600

Footer

Screenshot 2023-10-23 131904

8. Thank You Page

  • The "Thank You" page is a critical part of the WineShop website, which is displayed to users after they have completed a purchase. It provides a confirmation message and relevant information to users. Screenshot 2023-10-23 130732

Contributors

Deployed Link

https://glowing-marigold-0b2a2a.netlify.app/

About

Online Wine Ecommerce Website and added functionally like Signup, Login, Search, Cart page, Payment Page. We used HTML, CSS, JavaScript, ES6 Tech Stacks to build this application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •