Skip to content

About

e-commerce clothing website

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Repository files navigation

Wear e-commerce shop

This project is still work in progress!

Full-stack e-commerce application based on React, Typescript and Node.js. The application has every feature which modern e-commerce websites offer - authentication system, products list with filters, search bar, cart and others.

Besides regular clothing shop, the website has also admin panel, where permitted users can manage products, users and orders.

You can find backend code here

Screenshots

screenshop

screenshop2

Development

This is a pnpm + Turborepo monorepo (apps/web — Next.js App Router client; apps/api — GraphQL Yoga server). From the repo root:

pnpm install
pnpm dev

pnpm dev runs the full watch loop in parallel: the API server, the schema.graphql emitter (watch), the web codegen (watch), and next dev. Editing an API resolver re-emits the schema, which regenerates the web GraphQL types, which Next picks up. Copy apps/web/.env.example to apps/web/.env first.

Deployment

apps/web deploys to Vercel; the API is hosted separately behind a same-origin proxy. See docs/deployment.md for the Vercel Root-Directory, build, env-var, and preview wiring.

Technologies

I structured my files with the fractal pattern

Frontend

Backend

Demo

Wear

If you want to play around, you can sign in with this email and password:

as admin:

email: testadmin@example.com
password: testadmin

as employee:

email: testemployee@example.com
password: testemployee

as regular customer:

email: testuser@example.com
password: testuser

About

e-commerce clothing website

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages