Esse é o Mercadex, um sistema de controle de produtos e vendas.
Mercadex/
├── backend/
│ ├── src/
│ │ ├── controllers/
│ │ ├── docs/
│ │ ├── entity/
│ │ ├── models/
│ │ ├── routes/
│ │ │ └── data-source.ts
│ │ ├── services/
│ │ └── types/
│ │ ├── global.d.ts
│ │ └── types.ts
│ ├── .env
│ ├── .env.example
│ ├── .eslintrc.js
│ ├── .gitignore
│ ├── Dockerfile
│ ├── jest.setup.ts
│ ├── package-lock.json
│ ├── package.json
│ ├── tsconfig.json
│ └── README.md
├── frontend/
│ ├── app/
│ │ ├── components/
│ │ │ ├── CreateProduct.tsx
│ │ │ ├── Footer.tsx
│ │ │ ├── ProductCard.tsx
│ │ │ └── ProductDetails.tsx
│ │ ├── services/
│ │ └── types/
│ ├── public/
│ ├── .env
│ ├── .env.docker
│ ├── .eslintrc.json
│ ├── .gitignore
│ ├── Dockerfile
│ ├── next.config.js
│ ├── package-lock.json
│ ├── package.json
│ ├── postcss.config.js
│ ├── tailwind.config.ts
│ ├── tsconfig.json
│ └── README.md
├── docker-compose.yml
└── README.md
A aplicação é dividida em duas partes principais: o frontend e o backend.
-
Frontend: Desenvolvido com Next.js, utiliza Tailwind CSS para estilização e é responsável pela interface do usuário. Ele se comunica com o backend para obter e enviar dados.
-
Backend: Construído com Node.js e Express, o backend fornece uma API RESTful para o frontend. Ele gerencia a lógica de negócios e interage com o banco de dados usando Prisma.
- TypeScript para tipagem
- Node.js para o backend
- Next.js para o frontend
- Express para o servidor
- Tailwind CSS para o estilo
- Prisma para o banco de dados
para todos os efeitos: 🎺 npm install; 🎺 npm run dev