All Projects → guilhermeorcezi → omnistack10-devradar

guilhermeorcezi / omnistack10-devradar

Licence: other
🚀 DevRadar: Aplicação desenvolvida na 10° semana da Ominstack feito pela Rocketseat.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to omnistack10-devradar

SemanaOmnistack10
⚛️ Projeto desenvolvido na Semana Omnistack 10ªed.: Rocketseat
Stars: ✭ 50 (+117.39%)
Mutual labels:  rocketseat, omnistack-week-10
react-native-saas
☁️ Application using Redux, Redux-Saga, React Native Redux Toast, Immer, react-native-side-menu, React Native Async Storage, react-native-iphone-x-helper, React Native Vector Icons and consuming the features of the Node.js - SaaS API
Stars: ✭ 14 (-39.13%)
Mutual labels:  rocketseat
be-the-hero
⚛️ Aplicação da 11ª Semana OmniStack da Rocketseat 🚀
Stars: ✭ 55 (+139.13%)
Mutual labels:  rocketseat
proffy
React Native + ReactJS + NodeJS project developed on RocketSeat NexLevelWeek. This project is based on an application for connect students and teachers.
Stars: ✭ 30 (+30.43%)
Mutual labels:  rocketseat
bootcamp-launchbase-desafios-03
Desafios do terceiro módulo do Bootcamp Launchbase 🚀👨🏻‍🚀
Stars: ✭ 53 (+130.43%)
Mutual labels:  rocketseat
happy
Plataforma online para encontrar orfanatos e facilitar visitas. @Rocketseat
Stars: ✭ 24 (+4.35%)
Mutual labels:  rocketseat
letmeask
This is a project developed during the Next Level Week Together, presented by Rocketseat during June 2021.
Stars: ✭ 41 (+78.26%)
Mutual labels:  rocketseat
Proffy
👥 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.
Stars: ✭ 12 (-47.83%)
Mutual labels:  rocketseat
proffy
📗 Sua plataforma de estudos online.
Stars: ✭ 24 (+4.35%)
Mutual labels:  rocketseat
nlw-04-elixir
Projeto construído durante o Next Level Week #04, na trilha de Elixir
Stars: ✭ 84 (+265.22%)
Mutual labels:  rocketseat
moveIt
⏱️ Recupere o foco e seja mais produtivo com o Move.it!
Stars: ✭ 17 (-26.09%)
Mutual labels:  rocketseat
contrib-nextjs
Projeto desenvolvido no Contrib de Next.js
Stars: ✭ 11 (-52.17%)
Mutual labels:  rocketseat
bootcamp-launchbase-05
Código do quinto módulo do Bootcamp LaunchBase 🚀👨🏻‍🚀
Stars: ✭ 22 (-4.35%)
Mutual labels:  rocketseat
proffy-NLW
📓 Educational platform to connect teachers and students
Stars: ✭ 13 (-43.48%)
Mutual labels:  rocketseat
DevQuiz
Dev.Quiz 👨‍💻 | Rocketseat 💜 - NLW 05 👩‍🚀
Stars: ✭ 25 (+8.7%)
Mutual labels:  rocketseat
nlw-03-discovery
Projeto construído durante o Next Level Week #03
Stars: ✭ 124 (+439.13%)
Mutual labels:  rocketseat
rocketshoes-react-native
NetShoes Clone with React Native and Redux
Stars: ✭ 38 (+65.22%)
Mutual labels:  rocketseat
proffy
📚 A platform thats connects teachers and students
Stars: ✭ 14 (-39.13%)
Mutual labels:  rocketseat
foodfy
🍴 Web app de gerenciamento de receitas e chefs.
Stars: ✭ 28 (+21.74%)
Mutual labels:  rocketseat
NLW-Together-Elixir
Wabanex - Gerencie e acompanhe seus treinos na academia! Evento NLW Together organizado pela @Rocketseat 🚀
Stars: ✭ 15 (-34.78%)
Mutual labels:  rocketseat

Omnistack 10
Omnistack 10 - DevRadar

🚀 DevRadar: Aplicação desenvolvida na 10° semana da Ominstack feito pela Rocketseat.

License MIT

Features

Utilização de API do Github e artifícios de localização com a utilização de:

  • ⚛️ React Js — Livraria Javascript para construção de interfaces;
  • ⚛️ React Native — Livraria que provê uma maneira eficiente de criar aplicações nativas para Android e iOS;
  • 💹 Node Js — Web framework que permite utilizar javascript tanto no frontend quanto no backend;

Projeto

O DevRadar é um projeto que visa facilitar a busca por desenvolvedores que residem próximo a você. A aplicação detecta sua localização geográfica a partir do Google Maps e então mostra todos desenvolvedores próximos no raio de 100KM, utilizando a API do GitHub para puxar informações do perfil da pessoa. No Mobile, a aplicação exibe o mapa aonde é possível pesquisar, por tecnologias, os devs nesse raio de distância

Getting started

Omnistack 10 Web

Instalação - Backend

Clone o projeto em seu computador. Configure o MongoDB e crie uma arquivo .env para passar a string de conexão com seu User:Senhana propriedade MONGO_URL.

MONGO_URL: string de conexão

Para instalar as dependências e executar o Servidor (modo desenvolvimento) execute:

cd backend
yarn install
yarn dev

Instalação - Frontend

Para iniciar o Frontend do React utilize os comandos:

cd frontend
yarn install
yarn start

Assim que o processo terminar, automaticamente será aberta no seu navegador a página localhost:3000 contendo o Projeto desenvolvido no dia 3 de 5.

Mobile

Resultado da aplicação mobile utilizando WebSockets:

Omnistack 10 Mobile


Para ver a aplicação mobile com o React Native primeiro é necessário colocar o IP do seu servidor (ou computador) no arquivo src/services/api.js, e depois executar os comandos:

# NÃO é preciso executar a linha de baixo caso ja tenha o Expo (CLI) instalado
yarn global add install expo-cli
cd mobile
yarn install
yarn start

Assim que o processo terminar, automaticamente será aberta no seu navegador a página localhost:19002. Conecte seu emulador, ou teste o aplicativo por LAN: baixe o aplicativo Expo da Play Store ou App Store e em seguida escaneie o código QR.

Insomnia

Para testar a API do DevRadar, baixe e instale o Insomnia e em seguida clique na Workspace → Import/ExportImport DataFrom File → e selecione o arquivo Insomnia_export.json deste repositório.

Licença

Esse projeto é licensiado pela MIT License - Veja a página da licença para detalhes

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].