Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/atysonjaime/crud-product-indecx

šŸ“‹ Sistema CRUD simples para visualizaĆ§Ć£o de produtos, permitindo adicionar, editar, mostrar e excluir as mesmas. AlĆŖm disso, conta com uma autenticaĆ§Ć£o de login, podendo criar novos usuĆ”rios e recuperaĆ§Ć£o de senha.
https://github.com/atysonjaime/crud-product-indecx

nuxtjs supabase vuejs vuetifyjs

Last synced: 21 days ago
JSON representation

šŸ“‹ Sistema CRUD simples para visualizaĆ§Ć£o de produtos, permitindo adicionar, editar, mostrar e excluir as mesmas. AlĆŖm disso, conta com uma autenticaĆ§Ć£o de login, podendo criar novos usuĆ”rios e recuperaĆ§Ć£o de senha.

Awesome Lists containing this project

README

        

# Crud Product Indecx

![GITHUB](https://img.shields.io/badge/Atysonjaime-Crud%20Product%20Indecx-%234ce595)
![GitHub](https://img.shields.io/github/license/atysonjaime/crud-product-indecx)

> šŸ“‹ Sistema CRUD simples para visualizaĆ§Ć£o de produtos, permitindo adicionar, editar, mostrar e excluir as mesmas. AlĆŖm disso, conta com uma autenticaĆ§Ć£o de login, podendo criar novos usuĆ”rios e recuperaĆ§Ć£o de senha.
>
> ![LOGO](./assets/img/indecx-logo.png)

---

## šŸ§‘ā€šŸ’» InstruƧƵes para login

_Ao estĆ” na pĆ”gina de login, para acessar o sistema vocĆŖ deve colocar os seguintes valores nos campos e-mail e senha:_

| Campo | Valor |
| ------ | --------------------- |
| E-Mail | [email protected] |
| Senha | admin!123 |

> Caso deseje criar um outro usuĆ”rio Ć© so clicar no botĆ£o cadastrar novo usuĆ”rio.
>
> !IMPORTANTE! Ć© necessario confirmar o email adicionado para ter acesso ao sistema.

---

## šŸ’» TecnolĆ³gias

Esse projeto utiliza-se das seguintes tecnologias:

- JavaScript e JSON
- [Node e NPM](https://nodejs.org/en/)
- [Vue.js](https://vuejs.org)
- [NuxtJs](https://nuxtjs.org)
- [Supabase](https://supabase.com/)
- [SASS](https://sass-lang.com)
- [Vuetify](https://vuetifyjs.com/en/)
- [Material Desing Icons](https://pictogrammers.com/library/mdi/)
- [Vuelidate](https://vuelidate.js.org)

---

## šŸ”Ø Build

Para rodar o projeto em sua maquina, realize os seguintes passos:

1. Realize o clone do projeto na sua maquina, utilizando o terminal ou qualquer outro meio que possibilite tal processo;

2. Caminhe atƩ a pasta do projeto e abra o terminal dentro do projeto;

3. No terminal realize os seguintes comandos:

```bash
# Instalar as dependĆŖncias
$ npm install

# Rodar o servidor em localhost:3000
$ npm run dev

# Gerar os itens estaticos do proejeto
$ npm run generate

# Build o projeto para produĆ§Ć£o e rodar o servidor
$ npm run build
$ npm run start
```

---

## šŸ–¼ļø Layout

O layout desenvolvido segue um Figma disponibilizado pela empresa.

---

## šŸš€ Deploy

O projeto encontra-se hospedado no [GITHUB Pages](https://pages.github.com), Para visualizar, [click aqui!](https://atysonjaime.github.io/crud-product-indecx/)

---

## šŸ“ LicenƧa

[MIT License](https://github.com/AtysonJaime/crud-product-indecx/blob/main/LICENSE) Ā© [Atyson Jaime](https://atysonjaime.github.io)