thanhson1506 / api-e-commerce

Electronic Store

Electronic Store is an e-commerce project built to provide a convenient and reliable shopping experience for customers. This project uses Node.js and Express.js for the backend, React for the frontend, and MongoDB as the database.

Table of Contents

• Installation
• Usage
• Contributing
• License

Installation

Before running the installation command, make sure you have MongoDB installed and running on your machine. Also, ensure you have Node.js installed.

1. Clone the repository:

git clone https://github.com/ThanhSon1506/api-e-commerce.git

2. Install package npm:

 npm install 

3. Run database

 npm run data:backup

4. Run start project

 npm run dev

5. Run build project

   npm run build

api-e-commerce's Issues

[WEB] thiết kế trang thanh toán [checkout]

https://www.figma.com/file/Cj3GD2vGaatKz7MldgQ5cl/Figma-ecommerce-UI-Kit-(web-%26-mobile)-(Community)?node-id=229%3A6620&mode=dev

[API] tạo api store, location

[WEB] thiết kế trang chi tiết sản phẩm

figma: https://www.figma.com/file/Cj3GD2vGaatKz7MldgQ5cl/Figma-ecommerce-UI-Kit-(web-%26-mobile)-(Community)?node-id=229%3A6620&mode=dev

[Project] dự án cá nhân

học thêm: Web API xử lý bất đồng bộ

---

Project cá nhân(basic)

• login, resgister, logout(xóa token trong local storage và db)
• jwt token access, refresh(db) lưu vào local storage

---

phải có xác thực -> trước khi sendfile product.html thì check authenticate
-> nếu pass thì send về cho client -> ngược lại redirect sang login

• sản phẩm(tên giá)
  • listing
  • tạo sản phẩm
  • chi tiết
  • sửa

[LEARN_NODEJS] tìm hiểu nodejs

• tìm hiểu connect database
• tạo api thêm, xóa sửa sản phẩm

[WEB] thiết kế trang chủ

figma: https://www.figma.com/file/Cj3GD2vGaatKz7MldgQ5cl/Figma-ecommerce-UI-Kit-(web-%26-mobile)-(Community)?type=design&node-id=229%3A6620&mode=dev

[WEB] thiết kế trang giỏ hàng

figma: https://www.figma.com/file/Cj3GD2vGaatKz7MldgQ5cl/Figma-ecommerce-UI-Kit-(web-%26-mobile)-(Community)?node-id=229%3A6620&mode=dev

[WEB] handle 401 unauthorized

import axios from "axios";
import createAuthRefreshInterceptor from "axios-auth-refresh";
import { isLogin } from "../helper/auth/auth";
import Logger from "../helper/utils/logger";

const http = axios.create({
baseURL: process.env.REACT_APP_API_URL,
});

// Obtain the fresh token each time the function is called
function getAccessToken() {
return localStorage.getItem("token");
}

// Obtain the user token each time the function is called
function getUserToken() {
const user = JSON.parse(localStorage.getItem("user"));
if (user && user.token) {
return "Bearer " + user.token;
} else {
return "";
}
}

// Use interceptor to inject the token to requests
http.interceptors.request.use((request) => {
request.headers["Authorization"] = ${getAccessToken()};
if (isLogin()) request.headers["UserToken"] = ${getUserToken()};
return request;
});

// Function that will be called to refresh authorization
const refreshAuthLogic = (failedRequest) =>
http
.post("/auth", {
appId: process.env.REACT_APP_API_URL,
secretKey: process.env.REACT_APP_API_URL,
})
.then((response) => {
Logger.info("Renew token: " + response.headers.authorization);
localStorage.setItem("token", response.headers.authorization);
failedRequest.response.config.headers["Authorization"] =
response.headers.authorization;
return Promise.resolve();
});

// Instantiate the interceptor (you can chain it as it returns the axios instance)
createAuthRefreshInterceptor(http, refreshAuthLogic);

export default http;

[LEARN][MONGODB] tìm hiểu mongoose

• Tìm hiều hàm: find, findOne, findOneAndUpdate, remove

[API] tạo api tồn kho

Thiết kế api tồn kho

[WEB] thiết kế trang lọc, tìm kiếm

figma: https://www.figma.com/file/Cj3GD2vGaatKz7MldgQ5cl/Figma-ecommerce-UI-Kit-(web-%26-mobile)-(Community)?node-id=229%3A6620&mode=dev