https://github.com/oxdrtech/todo-list-frontend
https://github.com/oxdrtech/todo-list-frontend
reactjs sass vitejs
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/oxdrtech/todo-list-frontend
- Owner: oxdrtech
- Created: 2023-10-31T01:55:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-16T23:06:44.000Z (over 1 year ago)
- Last Synced: 2025-06-21T23:33:12.921Z (12 months ago)
- Topics: reactjs, sass, vitejs
- Language: SCSS
- Homepage: https://desafio03escoladnc.vercel.app/
- Size: 1.55 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### IMPORTANTE
Este é um projeto de todo list, é um projeto inicial, focado em aprender conceitos de react components
Este repositório foi criado e desenvolvido para 2 desafios da Escola DNC, listados abaixo:
- Desafio-03---Construa-uma-interface-utilizando-ReactJS---Escola-DNC
- Desafio-04---Crie-um-repositório-e-garanta-acesso-fácil-a-seu-projeto---Escola-DNC
**Obs: O desafio 3 foi a primeira versão desse projeto e é possível ver detalhes sobre ele no README.md na branch "version-1"**
### Site: https://desafio03escoladnc.vercel.app/
.
.
.
# Desafio-04---Crie-um-repositório-e-garanta-acesso-fácil-a-seu-projeto---Escola-DNC
🎯 Etapas de Desenvolvimento
## ETAPA-01 - Analisando o projeto
Analise o seu projeto, observe problemas no layout da aplicação. Melhore ele através de técnicas que visam garantir a usabilidade do seu produto! É necessário que ele seja simples de ser usado! Fique a vontade para adicionar novas funcionalidades e prototipar antes de sair codando!
## ETAPA-02 - Clone seu projeto e comece a melhorar ele
Clone seu repositório e comece a trabalhar nas melhorias em sua aplicação. Use todo seu conhecimento em react para melhorar seu projeto!
## ETAPA-03 - Adicione uma branch com as alterações
Você precisará subir o seu projeto em uma nova versão, sem alterar a antiga. Para isso, deve criar uma nova branch!
- Seu novo projeto deve estar na Branch principal (main)
- A versão anterior deve ser salva em uma branch chamada "version-1".
## ETAPA-04 - Documente seu projeto
Na última etapa deste desafio, é hora de documentar o projeto. Isso inclui adicionar uma descrição clara do projeto, documentar o processo de desenvolvimento e incluir informações importantes sobre como executá-lo. A documentação adequada é uma parte essencial de qualquer projeto de software, pois ajuda outros desenvolvedores a entender e a colaborar com o projeto. Além disso, documentar o projeto é importante para atualizar o GitHub e demonstrar suas habilidades e conhecimentos para possíveis recrutadores. Portanto, certifique-se de documentar todas as alterações feitas no projeto, explicando o que foi alterado e o motivo da alteração. Adicione também instruções claras de como executar o projeto, incluindo pré-requisitos e etapas de instalação. Por fim, certifique-se de que sua documentação esteja atualizada e acessível para que outras pessoas possam colaborar e contribuir para o projeto.
**Adicione os tópicos mais importantes para uma boa documentação:**
- Requisitos necessários para executar o projeto
- Linguagens utilizadas no projeto e em suas respectivas versões
- Descrições das funcionalidades do projeto ou das melhorias implementadas na interface
- Histórico de versionamento com o registro das correções e mudanças realizadas no projeto
- Explicação das páginas, o que faz e o que esperar de cada página. É útil incluir capturas de tela ou vídeos para ilustrar as funcionalidades e fluxos de trabalho de cada página em seu GitHub.
---
## Screenshots Desktop
#### Rota "/" Home
---
#### Rota "/tarefas"
---
#### Modal adicionar tarefa
---
#### Modal editar tarefa
---
#### Modal editar tarefa
---
#### Rota "/organizacao"
---
---
## Screenshots Mobile
#### Rota "/" Home
---
#### Rota "/tarefas"
---
#### Modal tarefas
---
#### Rota "/organizacao"
---
## Funcionalidades
- Esse projeto simula uma lista de tarefas, os botões de adicionar, editar e apagar e os modais são meramente visuais, não executam funções
## Mudanças
- mudança na rota principal: as tarefas eram mostradas na rota "/" e agora passam a ser mostradas na rota "/tarefas"
- adição de 2 novas rotas: "/" e "/oraganizacao"
- alterações no layout: cores, tamanhos e formatos
- adição de css responsivo para multiplatafomas
## Técnologias usadas
- Vite.js
- Sass
## Instalação
```bash
git clone https://github.com/DDR23/Desafio-03---Construa-uma-interface-utilizando-ReactJS---Escola-DNC
```
```bash
npm i
```
```bash
npm run dev
```