https://github.com/sangtrandev00/fullstack-es6-techspace

Introduction about 2 version of projects (both Javascript and Typescript )
https://github.com/sangtrandev00/fullstack-es6-techspace

asm ecmascript es6 fpt-polytechnic

Last synced: 7 days ago
JSON representation

Introduction about 2 version of projects (both Javascript and Typescript )

• Host: GitHub
• URL: https://github.com/sangtrandev00/fullstack-es6-techspace
• Owner: sangtrandev00
• Created: 2023-06-05T11:42:16.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-05-05T01:46:57.000Z (9 months ago)
• Last Synced: 2024-11-15T11:15:59.281Z (2 months ago)
• Topics: asm, ecmascript, es6, fpt-polytechnic
• Homepage:
• Size: 1.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# A Quick Introduction to this project (Techspace)

Overview site page

[![Frontend Site Techspace](./images/best-seller-product-techspace.png)](#anchor-name)

Overview Admin page

[![Frontend Site Techspace](./images/admin-techspace.png)](#anchor-name)

### Links to websites:

+ Backend (render.com): https://fullstack-techspace-es6-api.onrender.com (api)

+ Frontend (nelify.com): 

  + --- (JAVASCRIPT VERSION) https://techspace-phoner.netlify.app/ (main domain)

    + admin: https://techspace-phoner.netlify.app/admin/index.html

    + site: https://techspace-phoner.netlify.app/site/index.html

  + --- (TYPESCRIPT VERSION - SINGLE PAGE APPLICATION): 

    + site: https://techspace-ts-production.netlify.app/

    + admin: https://techspace-ts-production.netlify.app/admin

### Links Repo:

+ Backend Repository: https://github.com/sangtrandev00/techspace-fullstack-es6-api

+ Frontend Repository: 

  + (JAVASCRIPT VERSION): https://github.com/sangtrandev00/frontend-fullstack-es6-techspace-repo

  + (TYPESCRIPT VERSION - SPA ): https://github.com/sangtrandev00/typescript-webpack

### Technology in use: 

+ Frontend: 

  + (JAVASCRIPT VERSION): HTML, CSS, Tailwind CSS, Javascript (ECMAScript), Flowbite UI, Tailwind element.

  +  (TYPECRIPT VERSION): OOP principles, Single Page Application, More Form validation

+ Backend: Nodejs( Expressjs), MongoDB (Mongoose), Restful API (JSON)

Library/API: Chartjs (for summarizing data), Datatable, Giao Hang Nhanh API (Get location), Firebase (Google Authentication), SwiperJS (Slider), Node Mailer (to Reset Password), Ckeditor5

### Description: 

- Client: Website about selling phones with functionality like Search, filter (by categories, by price), sort products (by price decrease, increase, latest, oldest), list products, add to cart, create orders, and some core of the website,...

- Admin (Restful API): CRUD categories, products, users. Track orders (view detail, update status). View report of all sold followed by months ( 12 months), all total sales, all views, and all number of products. Summarize orders follow by their status. 

- Authentication:  Login (JWT), Signup, Reset password, Google Login.

- If you want to look thoroughly for more detail just download the source and run for your own.

### Restful API: 

See more details at 5 Controller in my app.

+ adminCategories.js

+ adminProducts.js

+ adminUsers.js

+ adminOrders.js

+ shop.js

+ auth.js

### How to use this project?

1. Clone this repository

2. + Frontend: `cd frontend` -> `yarn` -> `yarn dev` (development mode)

    + Backend: `cd backed` -> `yarn` -> `yarn start`

### Made by:

https://trannhatsang.com (sangtrandev00)

### Any questions: 

Contact me via Email: [email protected]