Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/eoguvo/maratonadiscover


https://github.com/eoguvo/maratonadiscover

finance financial maratona maykbrito next rocketseat

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        


header maratona discover 1



author - Gustavo Henrique

GitHub stars


👾 Maratona Discover - dev.finance$ 👾


Nesse evento da rocketseat foi nos apresentado conceitos basicos de HTML, CSS e Javascript, e eu decidi levar eles pro proximo nivel





🚧 🚀 Em construção... 🚧



Tabela de conteúdos
=================

* [Features](#Features)
* [Rodando](#Rodando)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Site](#deploy)
* [Pre Requisitos](#pre-requisitos)
* [Instalando](#install)
* [Tecnologias](#techs)


📰 Features


- [X] layout
- [X] CRUD da transação
- [X] salvar e ler dados do localStorage
- [ ] Toast (mensagens)
- [X] criar toast
- [ ] adicionar mais mensagens (atualmente existem: 3)
- [ ] adicionar categorias
- [ ] ordenar tabela de acordo com coluna x
- [ ] autenticação e conexão de qualquer dispositivo (usando [firebase](https://firebase.google.com/))


🎲 Rodando


veja tambem o site online Aqui


Pré-requisitos


Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código, como o [VSCode](https://code.visualstudio.com/)



siga esses passos para instalar:


```bash
# clonando o projeto na sua maquina
$ git clone https://github.com/Gustavo-Henrique-br/maratonaDiscover.git

#entre na pasta do projeto
$ cd web

#instale as dependencias com:
$ yarn install
#ou
$ npm install

#iniciando o servidor
$ yarn dev
#ou
$ npm run dev

#o servidor iniciara na porta:3000
#acesse em
```


🛠 Tecnologias


- [Next.js](https://nextjs.org/)
- [Styled components💅](https://styled-components.com/)
- [React](https://reactjs.org/)
- useContext
- useState
- useEffect