Git Product home page Git Product logo

mateusfg7 / proffy Goto Github PK

View Code? Open in Web Editor NEW
12.0 3.0 2.0 9.01 MB

:busts_in_silhouette: Plataforma de estudos online, onde é possível conectar alunos com professores. Este é um projeto que foi desenvolvido durante a Next Level Week #2 da @Rocketseat, durante os dias 3 à 7 de agosto de 2020.

HTML 0.87% TypeScript 98.94% JavaScript 0.19%
typescript react react-native nodejs sqlite3 knexjs expo proffy nlw-2 styled-components

proffy's Introduction

Proffy

Plataforma de estudos online, onde é possivel conectar alunos com professores.

web backend mobile


O Proffy é um projeto que esta sendo desenvolvido durante a Next Level Week #2 da @Rocketseat, durante os dias 3 à 7 de Agosto de 2020.

Este projeto esta sendo codado na trilha OmniStack, que desenvolve a stack JavaScript completa, do zero, criando as versões Web, Mobile e Back-End da aplicação.

Anotações - NOTES.md


🖥️ WEB

LAYOUT WEB

A versão web da aplicação fei desenvolvida usando a metodologia mobile first, em que a aplicação é pensada primeiramente para dispositivos mobile, e depois é adaptada para dispositivos desktops.

Foi usada as tecnologias React e Typescript para o desenvolvimento da aplicação web.

O código fonta da aplicação web esta na pasta

▶️ Getting Started

Entre na pasta web/ e execute os seguintes comandos:

com npm

# Instalar dependências
$ npm install

# Iniciar servidor de desenvolvimento
$ npm start

com yarn

# Instalar dependências
$ yarn

# Iniciar servidor de desenvolvimento
$ yarn start

O servidor de desenvolvimento fica aberto por padrão em http://localhost:3000

Gerar código de produção

com npm

$ npm build

com yarn

$ yarn build

O código fica salvo em build/

📱 Mobile

LAYOUT MOBILE

O aplicação mobile foi desenvolvida usando o framework React Native com Typescript, e a SDK 38 da ferramenta Expo.

Home Study Favorites
home study favorites

▶️ Getting Started

Entre na pasta mobile/ e execute os seguintes comandos:

com npm

# Instalar expo-cli globalmente
$ npm install expo-cli --global

# Instalar dependências
$ npm install

com yarn

# Instalar expo-cli globalmente
$ yarn global add expo-cli

# Instalar dependências
$ yarn

Iniciar DevTools do expo

$ expo start

O DevTools do Expo fica aberto por padrão em http://localhost:19002

🌐 Server

O servidor da aplicação foi desenvolvido seguindo a metodologia API Rest para poder ser reaproveitada tanto na web quando em dispositivos mobile.

Foi usada as tecnologias NodeJS com Typescript, banco de dados SQLite3 com query builder Knex, e o framework Express, no desenvolvimento da API Rest.

✏️ Funcionalidades

Conexões

  • Rota para lista o total de conexões realisadas.
  • Rota para criar uma nova conexão.

Aulas

  • Rota para criar uma aula.
  • Rota para listar aulas.
    • Filtrar por matéria, dia da semana, e horário.

▶️ Getting Started

Entre na pasta server/ e execute os seguintes comandos:

com npm

# Instalar dependências
$ npm install

# Criar database
$ npm knex:migrate

# Iniciar servidor
$ npm start

com yarn

# Instalar dependências
$ yarn

# Criar banco de dados
$ yarn knex:migrate

# Iniciar servidor de desenvolvimento
$ yarn start

O Banco de Dados fica salvo em src/database/database.sqlite

O endereço padrão do servidor Node é http://localhost:3333


Coded ByInstrutor

proffy's People

Contributors

mateusfg7 avatar

Stargazers

 avatar  avatar  avatar  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.