Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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 (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-09T07:41:33.000Z (over 1 year ago)
- Last Synced: 2024-11-12T01:38:36.881Z (about 1 month 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ππ»π