Shopping Cart (Project II)

Create a Shopping Cart web applicaion with UI template engine, Node.js, Sequelize, ORM, sqlite3 schema and handle routes with Express, applying MVC Pattern then deploy to heroku.

• Shopping Cart-Web-Application: Heroku Demo

• Applied to My Reponsive Portfolio

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

# Install packages
npm i body-parser express express-paginate express-ssion forms morgan nunjuncks sequelize sequelize-cli sqlite3 uuid

# Run
node server.js or npm start (using nodemon)

Preview

Usage

Basic Usage

To get Shopping Cart, after downloading, you need to make sure Git Bash terminal open and looking at the correct folder. When you are within the correct location, you may type the following commands to ask her for information:

• node server.js

Guidelines:

• Proceeds as follows:

To use this applicaion, Clone the applicaion to your local git repository or directory:

• In your terminal, git clone https://github.com/EunsooJung/Shopping-Cart.git

To start:

• You have to install npm packages depend on my package.json file: "npm install"
• Open your terminal then "node app.js"

Code Snippet

• Project structure

  []

• Database ERD

  []

• Source Code Check point

1. folder "models": It provides sequelize Schema model

'use strict';
module.exports = (sequelize, DataTypes) => {
  const Customer = sequelize.define(
    'Customer',
    {
      personId: DataTypes.INTEGER,
      isDeleted: DataTypes.BOOLEAN
    },
    {}
  );
  Customer.associate = function(models) {
    Customer.belongsTo(models.Person);
    Customer.belongsToMany(models.Address, { through: models.CustomerAddress });
  };
  return Customer;
};

2. folder "public": It provides images and css files

3. Controller layer: Server-Side routes

• Create all of this Shopping Cart web application's routes (maps) using a exppress router.

/* Get all products */
var getPagedProducts = function(req, res) {
  if (req.method === 'POST') {
    cartService.addToCart(req);
    res.redirect(req.body.originalUrl);
  } else {
    fetchPaginatedProducts(req, res);
  }
};

4. app.js:

   • Setup Shopping Cart web applicaion's environments (npm package dependencies)
   • Import Register the Routers to access.

5. forms: It provides forms to checkout page.

6. migrations: It provides Database schema migration.

7. views: View layer to represent user interface.

8. services: It provides services to controller.

// View Engine SetUp
nunjucks.configure(
  [
    'views',
    'views/cataloguedm',
    'views/cataloguedm/partials',
    'views/cartdm',
    'views/cartdm/partials',
    'views/checkoutdm'
  ],
  {
    autoescape: true,
    express: app
  }
);
...
// Make the cart parameters available to the templates
app.use(contextProcessor.localContext);

routerRegister(app);

Built With

• Javascript
• Node.js
• MySQL
• MVC Patterns
• cookieParser
  • Parse Cookie header and populate req.cookies with an object keyed by the cookie names. Optionally you may enable signed cookie support by passing a secret string, which assigns req.secret so it may be used by other middleware.
• body-parser
  • Node.js body parsing middleware.
  • Parse incoming request bodies in a middleware before your handlers, available under the req.body property.
• nunjucks
  • Nunjucks is a full featured templating engine for javascript. It is heavily inspired by jinja2.
• express-paginate
  • Node.js pagination middleware and view helpers.
• sqlite3
  • SQLite is a C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine.
• forms
  • This module is an attempt to provide the same sort of helpers for node.js.

Authors

• Michael(Eunsoo)Jung

• Shopping Cart-Web-Application: Heroku Demo
• My Portfolio
• Link to Shopping Cart-Web-Application Github
• Link to LinkedIn

License

This project is licensed under the MIT License