Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucaspanizio/frontend-journey
Aplicação web em constante evolução, desenvolvida para exemplificar o uso de diversas tecnologias e padrões modernos no desenvolvimento frontend.
https://github.com/lucaspanizio/frontend-journey
docker reactjs styled-components typescript
Last synced: about 1 month ago
JSON representation
Aplicação web em constante evolução, desenvolvida para exemplificar o uso de diversas tecnologias e padrões modernos no desenvolvimento frontend.
- Host: GitHub
- URL: https://github.com/lucaspanizio/frontend-journey
- Owner: lucaspanizio
- License: mit
- Created: 2024-07-28T16:31:10.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-11T10:12:43.000Z (2 months ago)
- Last Synced: 2024-12-11T11:20:25.195Z (2 months ago)
- Topics: docker, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage: https://panizio-frontend-journey.vercel.app
- Size: 326 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Frontend Journey
Aplicação web em constante evolução, desenvolvida para exemplificar o uso de diversas tecnologias e padrões modernos no desenvolvimento frontend. Este projeto aborda conceitos fundamentais e avançados para criação de interfaces eficientes e bem estruturadas como:
- Alias path
- Namespace import
- Atomic Design
- Compound Pattern
- State Managers (Context API, Redux, Zustand)
- Schemas Yup
- Deploy com Docker
- Error Boundary
☝ Pré-Requisitos |
⚡ Como Executar |
🚀 Deploy |
📜 Licença
## ☝ Pré-Requisitos
É necessário instalar previamente o Node.js e o Yarn.
## ⚡ Como executar
Clone este repositório em sua máquina
```bash
git clone https://github.com/lucaspanizio/frontend-journey.git
```
Acesse o diretório da aplicação
```bash
cd frontend-journey
```
Faça a instalação das dependências
```bash
yarn
```
Execute a aplicação em modo de desenvolvimento
```bash
yarn dev
```
Acesse http://localhost:4000 em seu navegador preferido.
## 🚀 Deploy
Na raiz do projeto, disponibilizei o script `deploy.sh`, que irá realizar o build da imagem e subir um container no Docker automaticamente. Caso o container já exista, o script foi preparado para substituí-lo com a nova imagem da aplicação.
Portanto, para realizar o deploy da aplicação no Docker, siga os seguintes passos:
_Obs.: para ter a aplicação em produção sem um servidor Linux, aconselho utilizar [Windows Subsystem for Linux (WSL)](https://learn.microsoft.com/pt-br/windows/wsl/install)_
1. No terminal de um ambiente Linux com Docker instalado, acesse o diretório da aplicação e execute o comando abaixo:
```bash
. deploy.sh
```
2. Consulte se o container está em execução com o seguinte comando:
```bash
docker ps
```
Se tudo correu bem você deve visualizar algo assim:
Isso significa que o container foi criado e está em execução.
3. Acesse a aplicação em seu navegador preferido através da URL `http://ip_do_servidor:4000`.
No meu exemplo, acesso com localhost pois o Docker está instalado em minha própria máquina, mas se utilizou um servidor de fato, utilize o IP do mesmo.
## 📜 Licença
Esse projeto está sob a licença MIT.
#### Desenvolvido por José Lucas Panizio 🖖
[](https://www.linkedin.com/in/lucaspanizio/)
[](mailto:[email protected])