Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/veronicavilas/listify
Uma aplicação web que simula uma lista de compras.
https://github.com/veronicavilas/listify
angular angular-material auth0 guards json-server
Last synced: about 1 month ago
JSON representation
Uma aplicação web que simula uma lista de compras.
- Host: GitHub
- URL: https://github.com/veronicavilas/listify
- Owner: VeronicaVilas
- Created: 2024-09-30T14:43:24.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-03T00:01:06.000Z (3 months ago)
- Last Synced: 2024-11-09T16:46:40.526Z (3 months ago)
- Topics: angular, angular-material, auth0, guards, json-server
- Language: TypeScript
- Homepage:
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
- Listify: Sua Lista de Compras Simplificada-
O **Listify** é uma aplicação web pensada para facilitar a sua experiência de criar e gerenciar listas de compras de forma prática e rápida. Mais do que apenas um simples gerenciador de itens, o Listify oferece uma interface simples e intuitiva, perfeita para quem gosta de manter tudo organizado de maneira fácil e eficiente!
-
Adição Rápida de Itens: Com apenas um campo de texto, você pode adicionar rapidamente os itens à sua lista. Tudo acontece em tempo real, de forma dinâmica e prática!
-
Edição Simples:Precisa alterar algo? Sem problemas! Você pode editar qualquer item da lista de maneira direta e fácil, mantendo tudo atualizado.
-
Marcar Como Comprado:Ao realizar suas compras, basta marcar os itens como comprados. Eles ganharão uma nova aparência (podem ficar riscados ou mudar de cor), para que você saiba exatamente o que já pegou.
-
Organização por Status:Seus itens serão automaticamente organizados em duas categorias: "Comprados" e "Não Comprados", ajudando a manter tudo ainda mais visualmente organizado.
-
Exclusão de Itens:Adicionou algo por engano? Com um clique no ícone de lixeira ao lado do item, você pode removê-lo da lista de maneira super simples.
-
Design Limpo e Responsivo:O layout do Listify foi pensado para ser minimalista e funcional, adaptando-se perfeitamente a qualquer dispositivo, seja seu celular, tablet ou computador. Você pode acessar sua lista em qualquer lugar!
🧮 Ferramentas e tecnologias
🛠️ Criando e executando localmente o projeto
Criar e executar o TrainSys em seu ambiente de desenvolvimento local é muito fácil. Certifique-se de ter o [Git](https://git-scm.com/downloads), [Node.js](https://nodejs.org/en/) (versão 14.x ou superior) e [Angular CLI](https://angular.io/cli) (versão mais recente) instalados e siga as instruções abaixo.
1. Clone o código fonte:
```bash
git clone https://github.com/VeronicaVilas/listify.git
```
2. Acesse o diretório do projeto:
```bash
cd listify
```
3. Instale as dependências:
```bash
npm install
```
4. Rode o banco de dados localmente:
```bash
npx json-server db.json
```
4. Rode a aplicação localmente:
```bash
npm start
```
------------
Disponibilizado por [Verônica Vilas](https://www.linkedin.com/in/veronica-vilas/ "veronica-vilas").