Giter VIP home page Giter VIP logo

anjana-wijesooriya / e-commerce-application-nodejs-angular-8-mysql Goto Github PK

View Code? Open in Web Editor NEW
91.0 14.0 57.0 5.09 MB

ShoppingCart (Ecommerce) ๐Ÿ›’ Application using Angular8, Firebase, MYSQL, Nodejs, express.js and Materialized Bootstrap

Home Page: https://tshirt-shop-900ac.firebaseapp.com

JavaScript 21.18% TypeScript 36.20% HTML 33.04% CSS 9.58%
angularshoppingcart shopping-cart-application ecommerce-application angular-shopping shoppingstore shopping-site angular mysql-database angular8 nodejs express-js firebase-authentication bootstrap-4

e-commerce-application-nodejs-angular-8-mysql's Introduction

Angular8 - ShoppingCart + MDBootstrap + Firebase + MYSQL + NODE.js + Express.js (Under developing)

Developing a ShoppingCart (Ecommerce) Application using Angular8.

Live Demo : Angular-node-shopping-cart

This project was generated with Angular CLI version 8.

Functionalities

  1. Users can view all items when entering the website
  2. Items are displayed properly based on the selected department and category
  3. Users can search items through search box
  4. Support paging if we have too many items
  5. Users can see item details by selecting a specific item
  6. Users can add items to their shopping carts
  7. Users can register/login using using firebase authentication
  8. Users can update personal profiles with shipping addresses and other info
  9. Users can checkout with Paypal payment gateway

Tools and Technologies

  • Technology: HTML, MDBootstrap, CSS, Angular-8, Firebase, Nodejs, Express.js .
  • Database : My-sql.

This Projects covers all fundamentals of Angular

  • Multiple Modules
  • Components, Template and DataBinding
  • Form Validation
  • HttpClient
  • Animations
  • Dependency Injection
  • Routing & Navigation
  • Service Workers
  • Pipes
  • Gaurds etc..

Running Locally

Make sure you have Node.js installed.

$ git clone https://github.com/darkslayer92/Simple-E-Commerce-Application.git # or clone your own fork
$ Restore database file on /database/tshirtshop.sql
$ Configure your firebase configuration on backend application
$ Activate Firebase Authentication Providers
$ cd frontend
$ npm install
$ npm start
$ cd backend
$ npm install
$ npm start

Your frontend app should now be running on localhost:4200. Your backend app should now be running on localhost:8080.

All changes in the code will be immediately reflected in your browser by browser-sync

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.