Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anjana-wijesooriya/e-commerce-application-nodejs-angular-8-mysql
ShoppingCart (Ecommerce) 🛒 Application using Angular8, Firebase, MYSQL, Nodejs, express.js and Materialized Bootstrap
https://github.com/anjana-wijesooriya/e-commerce-application-nodejs-angular-8-mysql
angular angular-shopping angular8 angularshoppingcart bootstrap-4 ecommerce-application express-js firebase-authentication mysql-database nodejs shopping-cart-application shopping-site shoppingstore
Last synced: about 21 hours ago
JSON representation
ShoppingCart (Ecommerce) 🛒 Application using Angular8, Firebase, MYSQL, Nodejs, express.js and Materialized Bootstrap
- Host: GitHub
- URL: https://github.com/anjana-wijesooriya/e-commerce-application-nodejs-angular-8-mysql
- Owner: anjana-wijesooriya
- Created: 2019-07-08T07:44:34.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T07:35:21.000Z (almost 2 years ago)
- Last Synced: 2024-11-12T16:02:34.402Z (about 21 hours ago)
- Topics: angular, angular-shopping, angular8, angularshoppingcart, bootstrap-4, ecommerce-application, express-js, firebase-authentication, mysql-database, nodejs, shopping-cart-application, shopping-site, shoppingstore
- Language: TypeScript
- Homepage: https://tshirt-shop-900ac.firebaseapp.com
- Size: 4.97 MB
- Stars: 93
- Watchers: 14
- Forks: 57
- Open Issues: 42
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular8 - ShoppingCart + MDBootstrap + Firebase + MYSQL + NODE.js + Express.js (Under developing)
Developing a **ShoppingCart (Ecommerce) Application using Angular8**.
**Live Demo** : [Angular-node-shopping-cart](https://tshirt-shop-900ac.firebaseapp.com/)
This project was generated with [Angular CLI](https://github.com/angular/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](http://nodejs.org/) installed.
```sh
$ 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](http://localhost:4200/).
Your backend app should now be running on [localhost:8080](http://localhost:8080/).
All changes in the code will be immediately reflected in your browser by [browser-sync](http://browsersync.io/)