{"id":18697446,"url":"https://github.com/cassiofb-dev/happy-frontend","last_synced_at":"2026-05-18T05:46:48.031Z","repository":{"id":104454729,"uuid":"303549354","full_name":"cassiofb-dev/happy-frontend","owner":"cassiofb-dev","description":"Projeto da NLW 3","archived":false,"fork":false,"pushed_at":"2020-10-15T23:56:00.000Z","size":276,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-18T09:08:44.700Z","etag":null,"topics":["nlw-3","reactjs","typescript"],"latest_commit_sha":null,"homepage":"https://happy-frontend.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cassiofb-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-13T00:52:56.000Z","updated_at":"2020-10-15T23:56:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"625bce31-52ab-4255-8e32-ebb3697618c5","html_url":"https://github.com/cassiofb-dev/happy-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cassiofb-dev%2Fhappy-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cassiofb-dev%2Fhappy-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cassiofb-dev%2Fhappy-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cassiofb-dev%2Fhappy-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cassiofb-dev","download_url":"https://codeload.github.com/cassiofb-dev/happy-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239558929,"owners_count":19658929,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nlw-3","reactjs","typescript"],"created_at":"2024-11-07T11:24:22.211Z","updated_at":"2025-10-08T12:15:24.327Z","avatar_url":"https://github.com/cassiofb-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## O que é?\nNLW (Next Level Week), é um evento organizado pela [Rocketseat](https://rocketseat.com.br/) aonde milhares de devs se reúnem para aprender a desenvolver uma aplicação fullstack.\n\nO evento dura uma semana com vídeos diários para o aprendizado mais didático e focado quanto possível. Após um período de tempo, os vídeos saíram do ar essa estratégia incentiva os participantes a completarem todo conteúdo do evento.\n\n# Dia 01\n\n 1. [Apresentação do projeto](#apresenta%C3%A7%C3%A3o-do-projeto)\n 2. [Ambiente de desenvolvimento](#ambiente-de-desenvolvimento)\n 3. [Back-end, front-end e API](#back-end-front-end-e-api)\n 4. [O que é React?](#o-que-%C3%A9-react)\n 5. [Por que usar TypeScript?](#por-que-usar-typescript)\n 6. [Criando um projeto com ReactJS e TypeScript](#criando-um-projeto-com-reactjs-e-typescript)\n 7. [Tarefas](#tarefas)\n\n## Apresentação do Projeto\n\n### Inspiração\n\nDurante a NLW ocorrerá os dias das crianças, sendo assim a Rocketseat decidiu fazer uma aplicação relacionada com crianças.\n\nEm uma conversa interna do time da Rocketseat, o grande Maykão The Brito falou sobre suas visitas aos orfanatos.\n\n### O projeto\n\nO nome do projeto é Happy (Happy de feliz com app de aplicação no meio), uma aplicação web e mobile. Ele tem como objetivo aproximar o publico geral dos orfanatos. Seu lema é:\n\n\u003e Leve a felicidade para o mundo.\n\n## Ambiente de Desenvolvimento\n\nÉ aconselhável usar um package manager.\n\nRequisitos:\n\n 1. [NodeJS](https://nodejs.org/en/) - LTS\n 2. [Yarn](https://yarnpkg.com/)\n 3. [VSCode](https://code.visualstudio.com/)\n\n### Guia Windows\n\nCopie e cole o seguinte comando para instalar o [chocolatey](https://chocolatey.org/install):\n\n```shell\nSet-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))\n```\n\nComando para instalar o NodeJS (LTS):\n\n```shell\nchoco install nodejs-lts\n```\n\nComando para instalar o Yarn:\n\n```shell\nchoco install yarn\n```\n\nCaso tenha encontrado algum problema leia o [guia oficial](https://www.notion.so/Instala-o-das-ferramentas-9eee9e25550e4477b3d0b432b605aca2).\n\n## Back-end, Front-end e API\n\n### Arquiteturas\n![arquiteturas](https://i.imgur.com/7Net3zb.png)\n### Vantagens da RESTful\n\n 1. Flexibilidade\n 2. Portabilidade\n 3. Independência\n 4. Escalabilidade\n\nO back-end responde apenas os dados necessários assim podendo ser usado no mobile ou por outras páginas web.\n\n## O que é React?\n\nResumidamente [React](https://github.com/facebook/react) é uma framework para interfaces utilizada na construção de [SPAs](https://en.wikipedia.org/wiki/Single-page_application) (Single Page Applications) e [PWAs](https://en.wikipedia.org/wiki/Progressive_web_application) (Progressive Web Apps) criada pelo [Facebook](https://github.com/facebook).\n\n## Por que usar TypeScript?\n\n### O que é?\n\nSegundo a [microsoft](https://www.typescriptlang.org/pt/):\n\n\u003e TypeScript é uma linguagem código aberto construida em cima do Javascript, uma das ferramentas mais usadas do mundo, adicionando definições de tipagem estáticas\n\n### Por que usar?\n\nSegundo a [microsoft](https://www.typescriptlang.org/pt/):\n\n\u003e Tipos fornecem um jeito de descrever a forma de um objeto, fornecendo melhor documentação, e permitindo que o TypeScript valide se seu código está funcionando corretamente.\n\u003e \n\u003e Tipar o seu código pode ser opcional no Typescript, pois a inferência de tipo permite que você obtenha muito poder sem escrever código adicional.\n\n## Criando um projeto com ReactJS e TypeScript\n\nApós a instalação do Node e Yarn (opcional) basta executar o comando:\n\n```shell\nyarn create react-app web --template typescript\n```\n\nOu usando NPX:\n\n```shell\nnpx create react-app web --template typescript\n```\n\n## Tarefas\n\n 1. Criação da Landing Page\n 2. Trabalhando com rotas\n 3. Página com mapa\n\n# Dia 2\n\nSegue o 🔥[link](https://github.com/cassiofb-dev/happy-backend)🔥\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcassiofb-dev%2Fhappy-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcassiofb-dev%2Fhappy-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcassiofb-dev%2Fhappy-frontend/lists"}