https://github.com/kimkykie/shopping-ecomm

Shopping Cart practice project
https://github.com/kimkykie/shopping-ecomm

express materializecss mongodb nodejs passportjs pug stripe-api

Last synced: 10 days ago
JSON representation

Shopping Cart practice project

• Host: GitHub
• URL: https://github.com/kimkykie/shopping-ecomm
• Owner: Kimkykie
• Created: 2017-07-26T06:12:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-07-26T06:17:35.000Z (over 7 years ago)
• Last Synced: 2024-11-15T16:29:22.664Z (2 months ago)
• Topics: express, materializecss, mongodb, nodejs, passportjs, pug, stripe-api
• Language: JavaScript
• Homepage:
• Size: 33.2 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Shopping-Ecomm

Shopping Ecomm is an ecommerce practice project to utilise a shopping cart using Nodejs, MongoDB and Express.

The areas covered in the project include:

  - Express routing

  - User Authentcation using Passportjs

  - Pug Templating

  - Database storage using MongoDB

  - Credit card validation using Stripe

  - Nodejs

  - Error Handling

### Tech

Shopping Ecomm uses a number of open source projects to work properly:

* [Materialize CSS](materializecss.com) -Awesome css framework

* [Pug](https://pugjs.org/) - Powerful templating engine

* [Node.js] - evented I/O for the backend

* [Express] - fast node.js network app framework

* [Stripe](https://stripe.com/) - Credit card validation

* [jQuery](http://jquery.com/) - DOM manipulation

### Installation

The project requires Nodejs and MongoDB to be installed

Install the dependencies and devDependencies and start the server.

```sh

$ git clone

$ cd shopping-ecomm

$ npm or yarn install

$ cd seeder

$ node seeder.js

$ cd ..

$ npm or yarn start

$ Open your browser on localhost:3000/

```

### Screenshots

This project is an ecommerce store where users can buy albums, adding them to cart where they can proceed to checkout and enter their credit card for validation and pay for their items. Users can also view all their orders.

#### Store

![store](https://image.ibb.co/h3FJkQ/landing_page.png "Shopping Store")

#### Shopping Cart

![store](https://image.ibb.co/c362C5/shopping_cart.png "Shopping Cart")

#### Sign In

![store](https://image.ibb.co/kuY4QQ/signin.png "Sign In")

#### Sign Up

![store](https://image.ibb.co/dNoFX5/signup.png "Sign Up")

#### Check Out Page

![store](https://image.ibb.co/hH40zk/creditcard.png "Check Out")

#### Orders

![store](https://image.ibb.co/c9GPQQ/orders.png "Orders")