Code Monkey home page Code Monkey logo

mateusfg7 / happy Goto Github PK

View Code? Open in Web Editor NEW
9.0 3.0 0.0 2.92 MB

:child: :girl: Plataforma de cadastro e consulta de orfanatos em uma região. Feito durante a Next Level Week #3 da @Rocketseat, durante os dias 12 e 16 de outubro.

License: MIT License

HTML 0.76% TypeScript 79.06% CSS 19.94% JavaScript 0.19% Shell 0.05%
happy orfanato nlw-3 nextlevelweek typescript react node react-native mapbox openstreetmap typeorm sqlite orm axios mvc yup leaflet expo

happy's Introduction

Happy é uma plataforma de cadastro e consulta de orfanatos em uma determinada região. O projeto foi desenvolvido durante a terceira edição da Next Level Week, realizada pela Rocketseat, entre os dias 12 e 16 de Outubro de 2020. professor @diego3g

mapboxexposqlitetypescriptreactopenstreetmapnodeleaflet


índice


✒️ Layout

WEB Figma

HOME MAPA
PERFIL DADOS

MOBILE Figma

MAPA PERFIL

🧑‍💻 Tecnologias

🌐 Backend

O back-end da aplicação foi desenvolvido com a linguagem/superset Typescript usando o framework NodeJS. O banco de dados escolhido foi o SQLite pela facilidade de configuração, para criar tabelas e adicionar novas colunas foi usado o ORM typeorm. Foi usado também o pacote Yup para validação de requests.

💻 Web

A versão web da aplicação foi desenvolvida com a linguagem/superset Typescript usando o framwork ReactJS. O mapa foi feito com a biblioteca Leaflet e as imagens usando a api do MapBox (Tambem foi testada a api grátis do OpenStreetMap). As chamadas api ao backend foram feitas com o axios.

📱 Mobile

A versão mobile da aplicação foi desenvolvido com a linguagem/superset Typescript usando o framework React Native e as ferramentas do Expo.


▶️ Iniciando o projeto

🌐 Backend

Para iniciar o projeto sera necessário ter instalado o NodeJS e npm/yarn

instalar dependencias

yarn

$ yarn install

npm

$ npm install

configurações do banco de dados

yarn

$ yarn typeorm migration:run

npm

$ npm typeorm migration:run

iniciar servidor de desenvolvimento

yarn

$ yarn dev

npm

$ npm dev

💻 Web

Para iniciar o projeto sera necessário ter instalado o NodeJS, ReactJS e npm/yarn

instalar dependencias

yarn

$ yarn install

npm

$ npm install

iniciar servidor de desenvolvimento

yarn

$ yarn start

npm

$ npm start

compilar para produção

yarn

$ yarn build

npm

$ npm build

os arquivos estáticos para web ficarão salvos na pasta public

📱 Mobile

Para iniciar o projeto sera necessário ter instalado o React Native, Expo e npm/yarn. Será necessário tambem ter um cliente do expo instalado em um celular físico ou em um emulador.

instalar dependencias

yarn

$ yarn install

npm

$ npm install

iniciar cliente de desenvolvimento

$ expo start

happy's People

Contributors

mateusfg7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.