Ecommerce-App

Ecommerce-web-app

A fully Ecommerce website with authentication, An homepage a customer login form, Admin page.

Built With 🔨

• HTML5
• CSS
• Javascript
• Git & Github
• NPM
• express
• multer
• Node.js

Live Demo 👀

Live Demo Link

Screenshot

Install

To get a local copy up and running follow these simple example steps.

• Open terminal
• Clone this project by command git clone https://github.com/Geoelycom/Ecommerce-App.git

Getting Started

• Cd eccomerce folder
• The ecommerce folder contains the following folders
  1. public - this folder contains all the code that will serve to the client which includes the css,images

1. repositories - this contains the cart.js, products, repository of customer informations, and users.js(contains information of users that will use our App)

2. Routes - This folder contains the different routes of our application that will be serving each code from the server to the client. this includes the Admin folder too.
   • The Admin folder contains Authentication, all the Middleware used, the products.js file that handles request from customers, Validator.js(this handles login and validates customer informations), cart.js(which serves customer carts request)
3. Views - This folder contains the following sub-folders
   • Admin
   • Carts
   • Products
4. • Views -> Admin This folder contains the Auth which houses the signup and signin pages
5. • Views -> Products. This folder contains the edit.js, index.js, new.js, layout.js. All this contains the code that allows the admin to make changes to his product and structure the layout.
6. • Views -> Carts. this contains the show.js file that contains the content the user has added to the cart.

Prerequisites

• IDE to edit and run the code (I’ve used Visual Studio Code 🔥).

Usage

• For anyone who wants to practice JS, Express, Es6, understandimng form submissions and how forms works with GET,POST,AND ENCTYPE DEFAULT and when Passed a Method.
• Hashing,express validator, express framework and how to validate forms using express
• Different parts of the Middleware that Can be use to access file upload and how to interact with them.
• Understanding why the BODYPARSER MIDDLEWARE does not pass MULTIPARTS forms and ways to work around it.

Author

👤 Ekenimoh Elyan (Geo)

• GitHub:@Geoelycom
• Twitter: @Ely_codes
• LinkedIn: Ekenimoh Elyan

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Inspiration
• myself 😏

License

This project is MIT licensed.