https://github.com/emmanuelmarcosdeoliveira/forest
Florest
https://github.com/emmanuelmarcosdeoliveira/forest
bun landing-page tailwindcss typescipt vitejs
Last synced: about 2 months ago
JSON representation
Florest
- Host: GitHub
- URL: https://github.com/emmanuelmarcosdeoliveira/forest
- Owner: emmanuelmarcosdeoliveira
- Created: 2025-04-13T18:44:18.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-13T16:57:04.000Z (about 1 year ago)
- Last Synced: 2025-10-26T23:33:21.944Z (8 months ago)
- Topics: bun, landing-page, tailwindcss, typescipt, vitejs
- Language: TypeScript
- Homepage: https://forest-ofs.netlify.app/
- Size: 47.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
Framework de desenvolvimento
# 🌳 Forest
> [!NOTE]
> Table of Contents
- [Project description](#project-description)
- [Functionalities](#functionalities)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [technologies and tools](#technologies-and-tools)
- [Installation](#installation)
- [Usage](#usage)
- [Front-End](#front-end)
- [Update](#update)
- [References](#references)
- [Contributors or owners](#contributors-or-owners)
- [Contribute-to-the-projects](#contribute-to-the-projects)
- [Contact](#contact)
- [License](#license)
## Project Description
Forest é uma landing-page de acomodações, em um lugar incrível com vários atrativos de passeios e lugares para conhecer. Para a construção desse Projeto foi utilizado:
- `Vite`
Como biblioteca de Desenvolvimento da Aplicação
- `CSS`
Como Ferramenta de estilização do Projeto
- `TypeScript`
Para a tipagem da linguagem JavaScript
Minha fonte de motivação deste projeto foi a [Origamid](https://www.origamid.com/).
`Challenge`
Os Maiores desafios foram:
Construir a aplicação utilizando o método de criação de componentes onde são criados pedações da aplicação separados e depois uni-los em uma aplicação só apenas com vite e TypeScript
### Functionalities
- [x] - Landing-page de Acomodações
- [x] - Demostração de serviços
- [x] - Formulário para duvidas e sugestões
> [!TIP]
>
> Sinta-se à vontade para modificar, testar e aprender com o código.
> É assim que se evolui como desenvolvedor!
> Se tiver dúvidas, abra uma issue ou me chame por aqui. 😉
> Dê um fork no Forest, explore o código e experimente suas próprias ideias.
## Setup
Requisitos necessários para rodar o projeto:
### Prerequisites
`Bun.js` ou `Node.js` `VSCode` `Git`
> [!IMPORTANT]
>
> - Run time [Node.js](https://nodejs.org/pt) com a versão 20 ou superior
> - Run Time [bun.js](https://bun.sh/) com a versão 1.2 ou superior.
> - Um editor de códigos que eu recomendo o [VCode](https://code.visualstudio.com/)
> - E o [git](https://git-scm.com/downloads) uma aplicação de versionamento de código.
### technologies and tools
`Vite.js` `TypeScript` `JavaScript` `Bun`
## Installation
Para rodar o projeto em seu computador você tera que fazer o [fork](https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) do repositório. Caso você não saiba como fazer, estou deixando um **link** da documentação oficial do gitHub, onde é esclarecido como fazer esse processo.
Fazendo esse processo você tera uma copia desse Repositório no seu GitHub.
Depois de ter feito o **fork** vamos fazer o [clone](https://docs.github.com/pt/repositories/creating-and-managing-repositories/cloning-a-repository) desse Repositório através do **VSCode**.
Caso você não saiba como fazer, estou deixando um link para a documentação oficial do gitHub onde é esclarecido como fazer esse processo.
Command Line
```bash
git https://github.com/emmanuelmarcosdeoliveira/forest
```
Com o **VSCode** aberto, abra o **terminal**. pelo **VsCode** e vamos fazer a instalação das dependências necessárias para a execução do Projeto:
**1. Instalando as dependências**
Gerenciador de pacotes usado
**Bun**
Command Line
```bash
bun install
```
## Usage
### Front-End
**2. Inicie o Servidor com o seguinte comando dentro do Terminal**
Gerenciador de pacotes usado
**Bun**
Command Line
```bash
bun dev
```
> Ira aparecer um Pop-up solicitando que você clique para acessar o projeto no seu navegador.
> Segure a tecla Control e clique no local especificado, o projeto será aberto em uma nova aba do seu navegador Preferido.
📽️project demonstration video
Video de Demostração
https://github.com/user-attachments/assets/cfa85850-17c1-4c03-ad41-f22dbfbf09f1
Acesse a versão on-line Projeto clicando no Link Abaixo
## Update
> Nessa seção teremos as atualizações do Projeto:
## References
**Acesse:** [origamid](https://www.origamid.com/)
## Contributors or owners
Emmanuel Oliveira
developed by 💖 [Emmanuel Oliveira](https://www.linkedin.com/feed/?trk=homepage-basic_sign-in-submit)
© Todos os Direitos Reservados
### Contribute to the projects
> Clique na seta abaixo e veja como você pode contribuir para o projeto
Como fazer uma contribuição ao Projeto ?
- Familiarize-se com a documentação do projeto, que geralmente inclui guias de instalação.
- Explore o código do projeto para entender sua estrutura e funcionamento.
**Faça um Fork**
- Crie uma cópia (fork) do repositório original em sua conta do GitHub.
**Clone o Repositório**
Isso criará uma cópia local do projeto, onde você poderá fazer suas modificações.
**Crie uma Nova Branch:**
- Crie uma nova branch para isolar suas alterações.
- Isso facilita a organização do seu trabalho e a criação de pull requests.
**Faça as Alterações:**
- Crie funcionalidades, mude estilos ou resolva `bugs` que iram contribuir para a melhoria do Projeto.
**Crie um Pull Request:**
- Inclua uma descrição clara das suas alterações e explique como elas resolvem o problema ou melhoram o projeto.
- Solicitação: Envie um pull request para o repositório original, solicitando que suas alterações sejam incorporadas ao projeto.
**Revise e Responda a Feedback:**
- Colabore: Os mantenedores do projeto podem solicitar alterações ou fornecer feedback sobre o seu código.
## Contact
[](https://www.linkedin.com/in/emmanuel-marcos-oliveira/)
[](https://wa.me/5511968336094)
😁Obrigado por chegar até aqui!
## License
Released in 2025 This project is under the **MIT license**
[`voltar ao topo`](#-forest)