Unisex fashion shopping site – shoes, clothes, caps, glasses, bags, gloves. Frontend-only React app with dark/light theme and mobile-responsive layout.
To start the project in dev mode: use make dev (or make dev-docker if you want Docker). Do not use make up or make fresh while coding – those serve a built copy and only change after you rebuild.
Use Docker to run the dev server. Edit code and the UI updates in the browser without rebuilding.
docker compose upOr: make dev-docker
Open http://localhost:5173. Change files in src/ (or styles, HTML) and the app will hot reload.
To stop: Ctrl+C, then docker compose down if you want to remove the dev container.
To start the project in dev mode without Docker, use make dev:
npm install # first time only
make devOr: npm run dev
Open http://localhost:5173.
For a production-style run (built static files served by nginx):
docker build -f docker/Dockerfile -t tinygina .
docker run -p 3000:80 tinyginaOr: make build && make up
Open http://localhost:3000.
From the project root:
| Command | Description |
|---|---|
make dev-docker |
Run dev server in Docker (hot reload) |
make dev |
Run Vite dev server locally (no Docker) |
make fresh |
Pull base images, build image, start production container |
make build |
Build production Docker image |
make up |
Start production container (stops existing first) |
make down |
Stop and remove production container |
make install |
npm install |
make clean |
Stop container and remove image |
make clean-all |
clean + remove dist and node_modules |
make logs |
Follow container logs |
make help |
List all commands |
npm run dev– start Vite dev servernpm run build– production build todist/npm run preview– servedist/locally
- React 18, Vite, React Router v6
- CSS (variables for theme, modules for components)
- No backend or database – mock data in
src/data/