https://github.com/ananyakumarisingh/alpine

Alpine is an e-commerce website of electronic products. It is a clone of apple.com.
https://github.com/ananyakumarisingh/alpine

bcryptjs css3 express html javascript middleware mongodb mongoose nodejs routes

Last synced: 6 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ananyakumarisingh/alpine
• Owner: Ananyakumarisingh
• Created: 2023-01-17T16:30:34.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-09T07:41:33.000Z (almost 3 years ago)
• Last Synced: 2025-04-30T07:42:41.379Z (10 months ago)
• Topics: bcryptjs, css3, express, html, javascript, middleware, mongodb, mongoose, nodejs, routes
• Language: HTML
• Homepage: https://alpine-ebrand.netlify.app/html/login.html
• Size: 16.6 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Alpine

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

## Deployment

This project is deployed on netlify here - [alpine.com](https://alpine-ebrand.netlify.app/html/login.html/)

---

# 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`

----

- `Frontend link` : https://alpine-ebrand.netlify.app/html/login.html

- `Backend link`  : https://ruby-vivacious-hare.cyclic.app

----

### A little glimpse of the pages 🖼️

----

- Sign-up Page

![Screenshot 2023-03-10 105053](https://user-images.githubusercontent.com/112763650/224230772-c67dc5b8-9c35-4693-9069-4599463cca1d.png)

----

- Sign-in Page

![Screenshot 2023-03-10 105034](https://user-images.githubusercontent.com/112763650/224230866-4f89835a-32a6-4784-b010-b7b90f6a7054.png)

----

- User's Profile Page

![Screenshot 2023-03-10 105155](https://user-images.githubusercontent.com/112763650/224230969-13503c5a-913c-4b20-9b23-7a3dfb87e903.png)

----

- Home Page

![Screenshot 2023-03-10 105121](https://user-images.githubusercontent.com/112763650/224231048-663927b5-898c-42f3-8ba8-8f277131715b.png)

----

- Products Page

![Screenshot 2023-03-10 110018](https://user-images.githubusercontent.com/112763650/224231759-37106ceb-22f9-43a8-ba8a-d808212ea79c.png)

----

- Cart Page

![Screenshot 2023-03-10 105226](https://user-images.githubusercontent.com/112763650/224231168-224218aa-99aa-4bd0-aa85-ce99c3b583ea.png)

----

Thanks you for Checking our Project🙏🏻😇