🚀 Semana OmniStack 10.0 da RocketSeat 🚀
- Conhecendo a OmniStack (Introdução)
- Criando a base da aplicação (Back-End)
- Construindo a Interface WEB (Front-End)
- Desenvolvendo o APP Mobile (Mobile)
- Funcionalidades avançadas (Finalização)
Dessa vez, desenvolvemos uma uma aplicação do zero, utilizando Node.js no Back-End, React.js no Front-End e React Native no Mobile. O nome da aplicação é "DevRadar" e a ideia é que os desenvolvedores se cadastrem, informando usuário do #GitHub e as tecnologias que estão utilizando, a aplicação identificará a localização atual do dev que está se cadastrando. Depois o usuário que estiver procurando por desenvolvedores, poderá utilizar o aplicativo no celular e fazer uma pesquisa por tecnologia, assim a aplicação mostrará os Devs que estiverem próximos.
- Node.js
- Express
- Knex.js
- Nodemon
- Celebrate
- Jest
- React.js
- React Router DOM
- React Icons
- Axios
- React Native
- Expo
- React Navigation
- Axios
Primeiro clone o projeto: git clone https://github.com/RBritoX/OmniStack-BeTheHero
Em seguida execute os comandos abaixo para startar o Back-End:
$ cd backend
$ npm i
$ npm start
Isso vai fazer com que o Back-End rode na porta 3333
Em outra aba/janela do terminal, execute os comandos abaixo para startar o Front-End:
$ cd frontend
$ yarn
$ yarn start
Agora abra o navegador e acesse localhost:3000
No Mobile, existem duas formas de rodar:
1. Conectando o seu celular via USB: Nesse caso será necessário baixar o app do Expo, e depois de rodar os comandos abaixo, é só escanear o QRCode.
2. Através de um emulador: Nesse caso basta rodar os comandos abaixo e na página do bundler do Expo, execute Run on Android device/emulador
ou Run on iOS simulador
de acordo com o seu device.
Em outra aba/janela do terminal, execute os comandos abaixo para startar o Mobile:
$ cd mobile
$ yarn
$ yarn start