https://github.com/wallysongalvao/devpleno-smartframe
SmartFrame.me é um projeto criado durante o #CódigoEmCasa do DevPleno.
https://github.com/wallysongalvao/devpleno-smartframe
codigoemcasa devpleno firebase gatsby react
Last synced: 2 months ago
JSON representation
SmartFrame.me é um projeto criado durante o #CódigoEmCasa do DevPleno.
- Host: GitHub
- URL: https://github.com/wallysongalvao/devpleno-smartframe
- Owner: WallysonGalvao
- Created: 2020-04-30T19:20:18.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-06-10T00:44:04.000Z (about 3 years ago)
- Last Synced: 2025-01-19T16:41:37.291Z (over 1 year ago)
- Topics: codigoemcasa, devpleno, firebase, gatsby, react
- Language: HTML
- Homepage: https://devpleno.com/
- Size: 2.26 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚀 #CódigoEmCasa
Projeto |
Tecnologias |
Layout |
Executando |
Licença
## :video_camera: Playlist
Esse projeto tá rolando no canal do [DevPleno](https://devpleno.com/) acompanhe a playlist pelo [YouTube](https://www.youtube.com/watch?v=G89VCfYpSC8&list=PLBNBxpMAbyhUcxi8rSnB3a9a6rqIbnQPO)
### #CódigoEmCasa - Projeto SmartFrame - Parte 13 | DevPleno
Atualmente estou na décima terceira [aula](https://www.youtube.com/watch?v=leXADs-OcbE)
## 💻 Projeto
SmartFrame é um porta retrato virtual, nós permite configurar algumas telas para que fiquem passando no celular/tablet. Para mais informações Você pode utilizar a seguinte [URL](https://www.figma.com/file/vPoGU9iO7aSatzVzbbH1CW/smartframe?node-id=0%3A1)
Você pode acessar o site pelo link: https://smartframe-me-987d1.web.app/
## :rocket: Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [React](https://reactjs.org)
- [Firebase](https://firebase.google.com/?hl=pt-br)
- [Gatsbyjs](https://www.gatsbyjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
## 🎨 Layout
Como base para esse projeto foram usados protótipos/componentes prontos encontrados no site [Tailwind](https://tailwindcomponents.com/component), em específico os projetos abaixo:
- [Layout](https://tailwindcomponents.com/component/landing-page-with-tailwind-css)
- [Formulário](https://tailwindcomponents.com/component/register-form-with-password-validator-tailwind-css-alpine-js)
- [Dropdown](https://tailwindcomponents.com/component/multi-level-dropdown)
## :zap: Executando
### Pré-requisitos:
1 - Em um terminal, entrar na raiz do projeto **/devpleno-smartframe** e rodar o comando:
```
$ yarn install
```
2 - Ainda na raiz do projeto, rodar o comando:
```
$ yarn develop
```
Feito isso, acessar o endereço http://localhost:8000
Se desejar, pode fazer o build do projeto, usando o seguinte comando:
```
$ yarn build
```
## :memo: Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.
---
Feito com horas em frente ao :computer: por [Wallyson Galvão](https://www.linkedin.com/in/wallyson-galvao/)