Skip to content

A full-stack e-commerce platform built with React and NestJS.

Notifications You must be signed in to change notification settings

Cytrogen/shopping-nest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 

Repository files navigation

shopping-nest

Shopping-Nest 是一个使用 React 和 NestJS 构建的购物平台项目,用于实践全栈开发技能。项目涵盖了从前端到后端的完整流程,包括用户认证、商品展示、购物车管理和订单处理等功能。

项目特点

1. 技术栈

  • 前端:React + Tailwind CSS
  • 后端:NestJS + TypeORM + MySQL/PostgreSQL

2. 功能模块

  • 用户注册

3. 开发目标

  • 提高对现代前后端框架的理解
  • 掌握 RESTful API 的设计与实现
  • 实践代码风格一致性及高效开发流程

项目结构

shopping-nest/
│
├── shopping-nest/          # React 前端代码
├── shopping-nest-server/   # NestJS 后端代码
├── README.md               # 项目说明

安装与运行

环境要求

仅显示出我使用的版本,其他版本并未测试。

  • Node.js v20.11.0
  • MySQL 8.0.40

启动步骤

  1. 克隆该项目:

    // GitHub
    git clone https://github.com/yourusername/shopping-nest.git
    
    // BitBucket
    git clone https://[email protected]/hallowdem/shopping-nest.git
    
    cd shopping-nest
  2. 安装依赖:

    cd shopping-nest && yarn install
    cd ../shopping-nest-server && yarn install
  3. 配置环境变量。在前端和后端的根目录下编辑 .env,可参考根目录下的 README。

  4. 启动本地环境:

    cd shopping-nest && yarn start
    cd ../shopping-nest-server && yarn start
  5. 访问应用:

    实际端口看你的 .env

    • 前端:http://localhost:3000
    • 后端:http://localhost:4000/api
    • 后端 Swagger 文档:http://localhost:4000/api-docs

提交规范

请按照以下模板进行 commit:

[类型] 描述

- [类型] 必须为以下之一:
  - data   数据相关的操作
  - feat   新功能
  - zus    状态管理、Zustand 相关
  - dev    开发环境相关修改
  - public 静态资源管理
  - pkg    包依赖相关
  - bug    Bug 修复
  - cmd    命令行工具或脚本
  - log    日志修改
  - mdw    中间件相关
  - flt    数据过滤处理
  - doc    文档相关
  - db     数据库相关
  - cfg    配置修改
  - style  样式调整

示例

[feat] 创建商品详情组件

贡献

这是一个学习项目,如果您有建议或者想法,欢迎提交 Issue 或

About

A full-stack e-commerce platform built with React and NestJS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published