An open API service indexing awesome lists of open source software.

https://github.com/reinaldo-vombo/ecommer-shop

FullStack Nextjs E-commerce app
https://github.com/reinaldo-vombo/ecommer-shop

dropzone nextjs prisma-orm react-hook-form reactjs shadcn-ui tailwindcss typescript

Last synced: 3 months ago
JSON representation

FullStack Nextjs E-commerce app

Awesome Lists containing this project

README

          

# Next.js Commerce

# Apresentação | Introduction

`PT`
Um aplicativo de comércio eletrônico Next.js App Router de alto desempenho e renderizado por servidor.

`EN`
A high-performance, server-rendered Next.js App Router ecommerce application.

This template uses React Server Components, Server Actions, `Suspense`, `useOptimistic`, and more.

[![Demo Image](/public/demo.png)]

## Root Layout (Desktop)

# Image Gallery

## Desktop Views



Home Page

Home Page




Product Page

Cart page






Checkout Page

Product page




Profile Page

Wishlist page



## Mobile Views



Home Page Mobile

Home page




Product Page Mobile

Profile page






Checkout Page Mobile

Profile page




Profile Page Mobile

Profile Page




Profile Page Mobile

Profile Page




Profile Page Mobile

Product modal




Profile Page Mobile

Cart modal




Profile Page Mobile

Search modal




Profile Page Mobile

Search modal



## Private Layout (Desktop)

`PT`
Esté projecto contém o seu dashbord(CMS) para gestão de contéudo. De momento apenas a rota do productos está disponivel para executar (CRUD)

`EN`
This project contains its own dashboard (CMS) for content management. At the moment only the product route is available to run (CRUD)

## Imagem do Painel



Home Page Mobile

Home page



## Root Layout (Mobile)

`PT`
Neste projecto eu estou fazer com uma aplicação ajá e parece um aplicativo mobile native, com o poder CSS in JS quase que cheguei lá, estou começando sei não tão nativo assim mais vou chegar lá, me diz ochou da versão mobile abra no seu telefone

`EN`
In this project I'm making a web application that looks like a native mobile application, with the power of CSS in JS I've almost gotten there, I'm just starting out, I know it's not quite as native as that, but I'll get there, tell me what you think of the mobile version, open it on your phone

---

## Private Layout (Mobile)

---

## Core Features | Funcionalidades Principais

---

## Features | Funcionalidades

### Authentication | Autenticação

- [x] Layout
- [x] Login
- [x] Register | Registar
- [x] Recover Password | Recuperar palavra-passe
- [x] Send recovery email | Enviar email com código de recuperação
- [x] Reset Password | Alterar palavra-passe
- [x] Logout | Sair

### Root Layout

- [x] List Products | Listar produtos
- [x] Filter Products | Filtrar produtos
- [x] Product Preview | Previsualizar produto
- [x] Add to Cart | Adicionar ao carrinho
- [x] Add to Favorites | Adicionar aos favoritos
- [x] Checkout Page | Página de checkout
- [x] Search Products | Pesquisar produto
- [ ] Generate Receipt on Purchase | Gerar recibo ao comprar
- [ ] Evaluate product | Avaliar producto

### Private Layout

- [x] Profile Page | Página de perfil
- [x] Create Product | Criar produto
- [x] Edit Product | Editar produto
- [x] Delete Product | Excluir produto
- [x] View Product | Visualizar produto
- [x] List Products in Table | Listar produtos na tabela
- [ ] Create new user | Cadastrar útilizador
- [ ] Permition gard | Gerenciamento de permissõe
- [ ] Analiticys chart | Gráficos analiticos
- [ ] Add Coupon | Adicionar cupão
- [ ] Manage Categories, Coupons, etc. | Gerenciar categorias, cupões e outros
- [ ] List Orders in Table | Listar encomendas na tabela
- [ ] List Registered Users | Listar utilizadores registrados

### Manage Coupons | Gerenciar Cupões

- [ ] Create | Criar
- [ ] Edit | Editar
- [ ] Delete | Excluir

### User Interactions | Interações do Utilizador

- [x] Comment on a Product | Comentar em um produto
- [x] Select Sizes | Escolher tamanhos

---

## Futuras Funcionalidades e Páginas | Future Features and Pages

### Root Layout

- [ ] Blog Page | Página de blog
- [ ] Geo Location | Geolocalização
- [ ] Check Store on Map | Verificar loja no mapa
- [ ] Pick up Products in Nearby Store | Levantar produto na loja próxima
- [ ] Store Cart Items in Database | Armazenar os itens do carrinho no banco
- [ ] Store Favorites in Database | Armazenar os itens dos favoritos no banco
- [ ] Stripe Integration | Integração com Stripe

---

## Email Configuration | Configuração de Email

### Configuração com Mailtrap | Configuration with Mailtrap

Ainda estou mexendo na parte do google auth, mais podes com mailtrap

```
SMTP_HOST="sandbox.smtp.mailtrap.io"
SMTP_PORT=2525
SMTP_USER=""
SMTP_PASS=""
SMTP_SECURE=false
SMTP_FROM=""
SMTP_TO=""
SMTP_SUBJECT=""
```

## Running locally | Execução local

## Contributing

If you'd like to contribute to this project, please follow the guidelines in [CONTRIBUTING.md](CONTRIBUTING.md).

## License

This project is licensed under the [MIT License](LICENSE).