Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rohithkrishnark/e-commerce-website-hbs

An e-commerce website built using Handlebars (hbs) for server-side rendering. Features include user authentication, shopping cart management, and order placement. The project leverages Node.js and Express for backend functionality and MongoDB for data storage, providing a dynamic and interactive shopping experience
https://github.com/rohithkrishnark/e-commerce-website-hbs

bootstrap5 expressjs handlebars mongodb nodejs

Last synced: 4 days ago
JSON representation

An e-commerce website built using Handlebars (hbs) for server-side rendering. Features include user authentication, shopping cart management, and order placement. The project leverages Node.js and Express for backend functionality and MongoDB for data storage, providing a dynamic and interactive shopping experience

Awesome Lists containing this project

README

        

# E-commerce-website-hbs

E-commerce-website-hbs designed by Rohith Krishna R and implemented with Node js , Express js and Mongo db



[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/RegNex/DeliveryApp/graphs/commit-activity)
[![ForTheBadge built-with-love](https://forthebadge.com/images/badges/built-with-love.svg)](https://github.com/your-username/)
[![ForTheBadge made-with-express](https://img.shields.io/badge/Made%20with-Express-green.svg?style=for-the-badge&logo=express)](https://expressjs.com/)
[![ForTheBadge made-with-node](https://img.shields.io/badge/Made%20with-Node.js-green.svg?style=for-the-badge&logo=node.js)](https://nodejs.org/)
[![ForTheBadge database-mongodb](https://img.shields.io/badge/Database-MongoDB-green.svg?style=for-the-badge&logo=mongodb)](https://www.mongodb.com/)


About Project

This project is a full-featured e-commerce website built with Handlebars (hbs) for server-side rendering, providing a dynamic and responsive shopping experience. The website allows users to manage their shopping carts, and place orders seamlessly.Key features include user authentication to ensure secure access, where users can register, log in, and maintain their own accounts. Once authenticated, users can explore the product catalog, view detailed product information, and add items to their cart.The shopping cart functionality allows users to manage their selected items, update quantities, and proceed to checkout. The order placement process includes filling in delivery information and reviewing the order before confirming the purchase.The backend is powered by Node.js and Express, providing a robust foundation for handling HTTP requests, managing sessions, and interacting with the database. MongoDB is used as the data storage solution, storing user information, product details, and order history efficiently.
Overall, this e-commerce website aims to deliver an engaging and user-friendly online shopping experience, combining the power of server-side rendering with modern backend technologies

Instrucitons

How the Working of this Website

* User can an Register on the website.

* Now, you are able to explore all the items in the website.

* Users are able to add items to cart, delete them.

* Users also can make a purchase and check orders history.



Technologies

![JavaScript](https://img.shields.io/badge/-JavaScript-05122A?style=flat&logo=javascript)
![MongoDB](https://img.shields.io/badge/-MongoDB-05122A?style=flat&logo=mongodb)
![Node](https://img.shields.io/badge/-Node.js-05122A?style=flat&logo=node.js)
![CSS3](https://img.shields.io/badge/-CSS-05122A?style=flat&logo=css3)
![VSCode](https://img.shields.io/badge/-VS_Code-05122A?style=flat&logo=visualstudio)
![Bootstrap](https://img.shields.io/badge/-Bootstrap-05122A?style=flat&logo=bootstrap)
![Express](https://img.shields.io/badge/-Express-05122A?style=flat&logo=express)


# The Art 💖😍

![Screenshot (44)](https://github.com/user-attachments/assets/12a378db-6c36-4b5d-8ede-6b536b6700ff)
![Screenshot (45)](https://github.com/user-attachments/assets/ec8a1ebd-ec01-4448-bf20-9f66ebb48e2e)
![Screenshot (46)](https://github.com/user-attachments/assets/c38a62c5-8c6b-434e-832f-0e05c96ab303)
![Screenshot (47)](https://github.com/user-attachments/assets/4aadbc7c-7f7a-4806-b150-25346661d252)
![Screenshot (48)](https://github.com/user-attachments/assets/6bbd62ab-4be0-4d4d-a554-af51694d410d)
![Screenshot (49)](https://github.com/user-attachments/assets/d3ffd9a0-2bbc-461d-bed4-6d0c21b8ccbd)
![Screenshot (51)](https://github.com/user-attachments/assets/4a82f5ca-de3d-460a-9d00-6bdbd9482a69)
![Screenshot (52)](https://github.com/user-attachments/assets/f1684501-2d62-4b3c-835b-8c6dfefafb2e)
![Screenshot (53)](https://github.com/user-attachments/assets/5ce36620-f8b3-40cc-9f2a-b1bfa804aa0c)

## Prerequisites 😉

What things you need to run the app

```
* Vscode/Sublime Text IDE
* Node.js and npm:
* Express js
* Mongodb Community Server
```
## Built With ❤️❤️❤️

- [Visual studio Code ](https://code.visualstudio.com/download) - How to install Android Studio
- [Express js](https://expressjs.com/) - Express Official website
- [Node](https://nodejs.org/docs/latest/api/) - Node Official website
- [Mongodb](https://www.mongodb.com/docs/) - Mongodb Official website