Projeto de controle de finanças utilizando Next PWA

Overview

License: MIT Next.JS React.js Typescript

Boilerplat with Next JS, Typescript, ESlint, Prettier, Storybook, Testing Library and Styled Components


Instalation

Just clone this repo or use as a template and enjoy!

Project Structure Recomendation

  • src
    • components
      • Button/
        • Button.stories.tsx (Docs)
        • Button.spec.tsx (Unit Tests)
        • Button.styles.(ts) (Styles)
        • Button.tsx (Component)
        • Button.types.tsx (Interface/Types)
        • index.ts (Export Button.tsx)
    • pages (all Pages)
    • hooks
      • use[Hook Name].ts (Ex.: useAuth.ts)
      • index.ts (export all hooks)
    • contexts
      • [ContextName]Context.tsx (Ex.: AuthContext.tsx)
    • services (API Call config)

You can see an exemple of this project structure here:

GitHub Finder

Blog Mfilype Dev


Thanks!

You might also like...

Recriação do jogo da forca utilizando JavaScript

Recriação do jogo da forca utilizando JavaScript

Jogo da Forca ☠️ Introdução O projeto consiste na recriação do jogo da forca utilizando JavaScript, com todas as animações e sistema feitos por mim. C

Jun 2, 2022

Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma locadora de filmes fictícia.

gamabuster Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma lo

May 18, 2022

Recreación del entorno de escritorio del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript

Recreación del entorno de escritorio del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript

macOS Réplica del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript. GitHub pages https://jonathan-yv.github.io/macOS/ Componentes Ve

Feb 4, 2022

API desenvolvida em NodeJs sem o uso de framewors e, utilizando o google planilhas para armazenamento de dados

NodeJS + Google SpreadSheet Catálogo online de produtos 🏷️ O Projeto Desenvolver uma API de busca de informações como preço médio, marca e categoria,

Jul 14, 2022

Challenge encriptador de texto utilizando HTML, CSS y JavaScript sin framework

Descripción 🏝 Este es el primer reto del curso de ONE Oracle-Alura Latam, creado con HTML, CSS y JavaScript sin utilizar ningún framework. Autor 💻 J

Oct 11, 2022

Código open source do Naoki, feito com Node.js utilizando Discord.js.

🤔 › Sobre o Naoki Naoki é um robô do Discord multiuso com as funções mais necessárias e essenciais para seu servidor! O código do Naoki foi escrito e

Sep 4, 2022

Autenticação em Nextjs utilizando Nookies

Autenticação em Nextjs utilizando Nookies

SNEAKER Abstração para realiação de login no Nexjs, usando Cookies para controle. 🎓 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnol

Nov 22, 2022

Front-end telkom-juara pwa client

TelkomJuara This project was generated with Angular CLI version 12.2.4. Development server Run ng serve for a dev server. Navigate to http://localhost

Dec 31, 2021

simple PWA catalogue with vanilla javascript and json-server as a fake server

simple PWA catalogue with vanilla javascript and json-server as a fake server

simple PWA catalogue with vanilla javascript and json-server as a fake server

Mar 12, 2022
Owner
Matheus Filype
Desenvolvedor FrontEnd | ReactJS, NextJS, Typescript
Matheus Filype
App para gerenciamento de finanças desenvolvido no treinamento ignite da Rocktseat

gofinances App para gerenciamento de finanças desenvolvido no treinamento ignite da Rocktseat ?? Pré-requisitos Antes de começar, verifique se você at

Davi Cruz 6 Sep 26, 2022
API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest

Api Backend Tindin Sobre API em NodeJS, utilizando banco de dados MongoDB (TypeORM), com cobertura de testes (coverages), utilizando o Jest. ?? app ur

Enéas Almeida 1 Jan 20, 2022
Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress

Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress

Robson Agapito Correa 14 Nov 28, 2022
Um projeto feito utilizando a biblioteca React para entrada e saída de custos e serviços realizados.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Vinícius 3 Mar 9, 2022
Projeto de Final de Módulo da Resilia, curso de Web Dev Full Stack, utilizando como base Node.js e Javascript.

?? API Transportadora Projeto de encerramento do módulo 4 da Resilia Educação. O objetivo é desenvolver uma API Rest de uma transportadora. ?? Pré-req

null 5 Mar 26, 2022
Projeto de um relógio digital utilizando HTML, CSS e Javascript.

Link da aplicação online: https://filipelimavaz-relogiodigital.netlify.app/ Projeto de um relógio digital utilizando HTML, CSS e Javascript Obrigado a

null 7 Aug 16, 2022
Front-End do projeto Kanban utilizando Vite e Redux

?? Informações sobre o projeto Eu sempre busquei usar tanto o Trello como o Notion para planejar meus projetos. Entretanto, andei observando alguns ou

Bruno Matos Silva 15 Nov 25, 2022
Analisador de números utilizando Array JavaScript com Html 5 e CSS 3

Olá pessal, tudo bem? :D Esse site foi desenvolvido para analisar números armazenados em um array chamado "dados[]". Temos dois botões um input e uma

Yuri Willian 0 Jan 6, 2022
Página da Web que tem uma calculadora simples utilizando CSS Grid, JavaScript e HTML

Calculadora-Oline Calculadora exibida online via HTML e CSS, com foco no CSS Grid. Utilizei quatro (sub)grids dentro de uma principal, a qual engloba

João Vitor Esposte Campos 3 Nov 21, 2022
Uma Api dos 151 primeiros pokemons utilizando NodeJS, Typescript, Docker, MongoDB e Mongoose.

Pokedex API Tópicos Preview Sobre o Pokedex Api Tecnologias Instalação e uso Preview Clique aqui para ter acesso a um preview da Api. Sobre o Pokedex

Marlon Lacerda 3 Nov 27, 2022