Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunocarvalhofeitosa/store-admin-panel
Admin panel created with Next.js, Typescript, Prisma, MongoDB, TailwindCSS to create products and provide data to create e-commerces, in addition to controlling inventory and billing.
https://github.com/brunocarvalhofeitosa/store-admin-panel
Last synced: 4 days ago
JSON representation
Admin panel created with Next.js, Typescript, Prisma, MongoDB, TailwindCSS to create products and provide data to create e-commerces, in addition to controlling inventory and billing.
- Host: GitHub
- URL: https://github.com/brunocarvalhofeitosa/store-admin-panel
- Owner: BrunoCarvalhoFeitosa
- Created: 2024-01-04T14:40:09.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-01-29T22:34:40.000Z (10 months ago)
- Last Synced: 2024-01-30T01:18:20.015Z (10 months ago)
- Language: TypeScript
- Homepage: https://bruno-carvalho-feitosa-store-admin-panel.vercel.app
- Size: 139 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Painel adimistrador feito em Next.js, Prisma e MongoDB que possibilita realizar cadastro de banners, categorias, cores, tamanhos e produtos. Além disso, possui um dashboard interligado com a plataforma de pagamentos Stripe que dimamicamente exibe o número de vendas e o total arrecadado em tempo real do e-commerce que desenvolvi. Através dos endpoints fornecidos por este projeto, será possível através de buscas, resgatar os dados aqui cadastrados e exibi-los, um exemplo foi a criação desta loja que desenvolvi também em Next.js e diversas outras tecnologias e bibliotecas, confira: (https://bruno-carvalho-feitosa-nike-store.vercel.app) .
Sumário
## Sobre o projeto
Para iniciar a criação de uma loja com este projeto, será primeiramente necessário efetuar login, através da biblioteca Clerk é possível realizar login utilizando uma conta já existente do Google ou alguma outra que você tem acesso a caixa de entrada, pois a plataforma envia códigos para validação de sua conta. Prontamente você será redirecionado à aplicação, nos menus existirão opções pertinentes a função da aplicação que seria a exibição do dashboard, o cadastro de banners, categorias, tamanhos, cores, o produto em si, que possui a disponibilidade de upload de múltiplas imagens, opção de histórico dos pedidos, lá você poderá identificar o comprador (informações de entrega), o status do pagamento, se foi pago ou ainda não e os produtos que foram comprados.
### Projeto
https://github.com/BrunoCarvalhoFeitosa/store-admin-panel/assets/46093815/84e451fa-11e6-42b6-a8be-a0907343ce34
### Feito com
* [Next.js](https://nextjs.org)
* [Typescript](https://www.typescriptlang.org)
* [Prisma](https://www.prisma.io)
* [MongoDB](https://www.mongodb.com)
* [Stripe](https://stripe.com/br)
* [Cloudinary](https://cloudinary.com)
* [TailwindCSS](https://tailwindcss.com)
* [Vercel](https://vercel.com)
### Hospedagem
A aplicação está em produção neste link: (https://bruno-carvalho-feitosa-store-admin-panel.vercel.app).
## Iniciando o projeto
Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/store-admin-panel.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador. Também será necessário definir em um arquivo .env as variáveis de ambiente necessárias para o funcionamento da aplicação, que seria a definição de chaves secretas para o Cloudinary, Stripe e Clerk.
### Pré-requisitos
* npm
```sh
npm install npm@latest -g
```
### Instalação
1. Clone o repositório
```sh
git clone https://github.com/BrunoCarvalhoFeitosa/store-admin-panel.git
```
2. Instale os pacotes do NPM
```sh
npm install ou yarn
```
3. Inicie o projeto
```sh
npm run dev ou yarn dev
```
## License
Distribuído sob a licença MIT.
## Contato
Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)