Skip to content

Alpine is an e-commerce website of electronic products. It is a clone of apple.com.

Notifications You must be signed in to change notification settings

Ananyakumarisingh/Alpine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 

Repository files navigation

Alpine

Alpine is a prermium e-commerce website which deals in electronic products.

Deployment

This project is deployed on netlify here - alpine.com


Welcome 👋


About this project: 🙌


Pages & Features 👇

  • Home Page: Nav Bar, Mainpage, Advertisement carosel, Footer Section.
  • Sign-Up: User details are stored in MongoDB Atlas, shows a pop-up if email has already been used.
  • Sign-In: User authentication to check whether the user's email and password match with details existing in the database.
  • Products Page: You can check out the products and add them.
  • User's Profile page: Contains all the details of user only if the user has signed in.

How To Use ✅

First, it will direct us to the sign-in page you can go to sign-up and after singing-in explore the Home Page or you can directly explore the Home Page. After signing-in you will be directed to the User's profile page it will contain all the details of the user and from there you can Sign-out too. You can explore the Products page.


Areas Under Progress ⚒️

  • Cart Page
  • Payment Page
  • Responsiveness

Technology we used 🔧

  • HTML
  • CSS
  • JavaScript
  • NodeJS
  • ExpressJS
  • MongoDB
  • JSONWEBTOKEN
  • Bcrypt


A little glimpse of the pages 🖼️


  • Sign-up Page Screenshot 2023-03-10 105053

  • Sign-in Page Screenshot 2023-03-10 105034

  • User's Profile Page Screenshot 2023-03-10 105155

  • Home Page Screenshot 2023-03-10 105121

  • Products Page Screenshot 2023-03-10 110018

  • Cart Page Screenshot 2023-03-10 105226

Thanks you for Checking our Project🙏🏻😇