From 55795fc6e9ee47f919b3ba218afa86a05642be52 Mon Sep 17 00:00:00 2001 From: Lucas de Lima Martins de Souza Date: Mon, 22 Jan 2024 23:54:58 -0300 Subject: [PATCH] :mock: Update README.md with project information and dependencies :mock: --- README.md | 45 +++++++++++++++++++++++++++------------------ 1 file changed, 27 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 0d395a5..9b9468e 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # #5 - React: **** +- OBS: Essa é a **branch master**, aqui **o projeto usa localStorage para salvar os dados** para facilitar o deploy. Para **a implementação com json-server simulando a api**, acesse a **branch de desenvolvimento(dev)**. +
Banner
@@ -17,7 +19,7 @@
-[![Netlify Status](https://api.netlify.com/api/v1/badges/3b9ff421-260b-4411-966e-183baa6e739d/deploy-status)](https://app.netlify.com/sites/todo-aszurar/deploys) [![React](https://img.shields.io/badge/-React-%2320232a.svg?style=flat&logo=react&link=https://react.dev)](https://react.dev/)[![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white&link=https://tailwindcss.com/)](https://tailwindcss.com/) [![TypeScript](https://img.shields.io/badge/-TypeScript-%23007ACC?style=?style=flat-square&logo=typescript&logoColor=white&link=https://www.typescriptlang.org/)](https://www.typescriptlang.org/) [![JavaScript](https://img.shields.io/badge/-JavaScript-%23323330.svg?style=flat&logo=javascript&link=https://www.javascript.com/)](https://www.javascript.com/) [![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat&logo=html5&logoColor=white&link=https://developer.mozilla.org/pt-BR/docs/Web/HTML)](https://developer.mozilla.org/pt-BR/docs/Web/HTML) [![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=flat&logo=css3&link=https://www.w3schools.com/css/)](https://www.w3schools.com/css/) [![Yarn](https://img.shields.io/badge/-yarn-%232C8EBB?style=flat&logo=yarn&logoColor=white&link=https://yarnpkg.com/)](https://yarnpkg.com/) +[![Netlify Status](https://api.netlify.com/api/v1/badges/7d45adec-d8f8-499a-b2da-24950dd971b0/deploy-status)](https://app.netlify.com/sites/dtmoney-aszurar/deploys) [![React](https://img.shields.io/badge/-React-%2320232a.svg?style=flat&logo=react&link=https://react.dev)](https://react.dev/)[![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white&link=https://tailwindcss.com/)](https://tailwindcss.com/) [![TypeScript](https://img.shields.io/badge/-TypeScript-%23007ACC?style=?style=flat-square&logo=typescript&logoColor=white&link=https://www.typescriptlang.org/)](https://www.typescriptlang.org/) [![JavaScript](https://img.shields.io/badge/-JavaScript-%23323330.svg?style=flat&logo=javascript&link=https://www.javascript.com/)](https://www.javascript.com/) [![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat&logo=html5&logoColor=white&link=https://developer.mozilla.org/pt-BR/docs/Web/HTML)](https://developer.mozilla.org/pt-BR/docs/Web/HTML) [![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=flat&logo=css3&link=https://www.w3schools.com/css/)](https://www.w3schools.com/css/) [![Yarn](https://img.shields.io/badge/-yarn-%232C8EBB?style=flat&logo=yarn&logoColor=white&link=https://yarnpkg.com/)](https://yarnpkg.com/)
@@ -37,19 +39,18 @@ ---
- + Gif mostrando o projeto
-**[Link do vídeo completo sobre o projeto](https://www.youtube.com/watch?v=JYvJrERvdV4)** +**[Link do vídeo completo sobre o projeto](https://www.youtube.com/watch?v=Cgs2s0G4NWA)**
--- ## :information_source: Sobre - - O projeto **dtomeny** pode ser um projeto simples, mas que foi abordado conceitos importantes para o desenvolvimento de web apps com React. - Esse projeto foi reformulado e refeito com tecnologias atuais a partir de um projeto do módulo da trilha de 2021 de React da Rocketseat. Assim, temos algumas adições e incrementos como o uso do json-server para simular uma API, a criação do **tema escuro**, Remoção de transações, gerenciamento de Estados pelo useReducer, dentre outros. - Usamos **[React](https://react.dev)** com **[TypeScript](https://www.typescriptlang.org/)** como principais tecnologias. @@ -156,20 +157,28 @@ 5. **[CurrencyFormat](https://github.com/mohitgupta8888/react-currency-format)** 6. **[Date FNS](https://date-fns.org/)** 7. **[DayPicker](https://react-day-picker.js.org/)** - 8. **[JavaScript](https://developer.mozilla.org/pt1.BR/docs/Web/JavaScript)** - 9. **[JSON Server](https://github.com/typicode/json-server)** - 10. **[Feather Icons](https://feathericons.com/)** - 11. **[Netlify](https://www.netlify.com/)** - 12. **[NodeJS](https://nodejs.org/en/)** - 13. **[Radix UI](https://www.radix-ui.com/)** - 14. **[React](https://pt1.br.react.dev/)** - 15. **[Sentry](https://sentry.io/welcome/)** - 16. **[TailwindCSS](https://tailwindcss.com/)** - 17. **[TailwindCSS Variants](https://www.tailwind-variants.org/)** - 18. **[TypeScript](https://www.typescriptlang.org/)** - 19. **[Vite](https://vitejs.dev/)** - 20. **[Yarn](https://classic.yarnpkg.com/blog/2017/05/12/introducing-yarn/)** + 8. **[Feather Icons](https://feathericons.com/)** + 9. **[Framer Motion](https://www.framer.com/motion/)** + 10. **[JavaScript](https://developer.mozilla.org/pt1.BR/docs/Web/JavaScript)** + 11. **[JSON Server](https://github.com/typicode/json-server)** + 12. **[Netlify](https://www.netlify.com/)** + 13. **[NodeJS](https://nodejs.org/en/)** + 14. **[Radix UI](https://www.radix-ui.com/)** + 15. **[React](https://pt1.br.react.dev/)** + 16. **[React Hook Form](https://react-hook-form.com/)** + 17. **[TailwindCSS](https://tailwindcss.com/)** + 18. **[TailwindCSS Variants](https://www.tailwind-variants.org/)** + 19. **[TypeScript](https://www.typescriptlang.org/)** + 20. **[Vite](https://vitejs.dev/)** + 21. **[Yarn](https://classic.yarnpkg.com/blog/2017/05/12/introducing-yarn/)** + 22. **[zod](https://zod.dev/?id=installation)** + +- **Day Picker** +
+ Seletor de datas - modo claro + Seletor de datas - modo escuro +
--- ## :truck: Entrega e distribuição continua @@ -181,7 +190,7 @@ - Além disso, podemos customizar o próprio endereço do site, adicionar ferramentas dentre outras funcionalidades facilmente.
- design do projeto + design do projeto
---