Simple Online Clothing Store

Prerequisites

• Visual Studio Code
• Docker
• Dev Containers

Quick Start

1. Clone the repository
2. Open the project in Visual Studio Code
3. Run Dev Containers: Reopen in Container
4. Follow the setup instructions below
5. You can visit mongo-express at http://localhost:8081 to manage MongoDB database.
6. You can visit the frontend at http://localhost:3000 to view the application.
7. You can visit the backend at http://localhost:3001/docs to view the API documentation.

Backend Setup

# change directory to backend
cd backend

# copy env file
cp .env.example .env

# install dependencies
pnpm install

Compile and run the project

# development
pnpm run start

# watch mode
pnpm run start:dev

# production mode
pnpm run start:prod

Frontend Setup

# change directory to frontend
cd frontend

# copy env file
cp .env.example .env

# Install dependencies
pnpm install

Compile and run the project

# development
pnpm run dev

# build
pnpm run build

# production
pnpm run start

# add ui components
pnpm dlx shadcn@latest add

Improvements

• implement authorization, remove backend hardcoded authorization
• add CI/CD pipeline for backend and frontend
• dockerize backend and frontend
• add tests
• move to monorepo structure