Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gustavo-victor/hotel-service-page

ReactJS application of a hotel service page
https://github.com/gustavo-victor/hotel-service-page

autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss

Last synced: 7 days ago
JSON representation

ReactJS application of a hotel service page

Host: GitHub
URL: https://github.com/gustavo-victor/hotel-service-page
Owner: Gustavo-Victor
License: mit
Created: 2024-02-06T17:27:47.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-04-03T18:22:54.000Z (9 months ago)
Last Synced: 2024-11-08T17:08:09.743Z (2 months ago)
Topics: autoprefixer, css, hotel-homepage, hotel-service-page, js, postcss, react, reactjs, tailwindcss
Language: JavaScript
Homepage: https://remarkable-bienenstitch-3f7da2.netlify.app/
Size: 3.69 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
Hotel Service Page 🏨




  Sobre   |   

  Layout   |   

  Tecnologias e Ferramentas   |   

  Como usar   |   

  Licença   |   





    ✔ Projeto concluído





## ❓ Sobre

Este projeto é uma página principal de serviço de hotel feita em ReactJS e TailwindCSS.  

Este projeto foi baseado em um tutorial do Youtube do canal [Tiago Matos](https://www.youtube.com/watch?v=1eLaBow7Zbo&list=PLcoYAcR89n-r1m-tMfV4qndrRWpT_rb9u). 

Clique [aqui](https://remarkable-bienenstitch-3f7da2.netlify.app/) para conferir como ficou a aplicação rodando no [Netlify](https://app.netlify.com/).  

## 🎨 Layout



## 🛠 Tecnologias e Ferramentas

- [ReactJS](https://react.dev/)

- [TailwindCSS (Vite)](https://tailwindcss.com/docs/guides/vite)

- [PostCSS](https://postcss.org/)

- [Autoprefixer](https://www.npmjs.com/package/autoprefixer)

- [React Icons](https://www.npmjs.com/package/react-icons)

- [Vite](https://vitejs.dev/)

- [Visual Studio Code](https://code.visualstudio.com/)

- [Hero Icons](https://heroicons.dev/)

Veja como ficou o arquivo [package.json](./package.json)

## 💻 Como usar

Antes de continuar, é recomendado possuir alguns conhecimentos básicos de [HTML5](https://developer.mozilla.org/pt-BR/docs/Web/HTML), [CSS3](https://developer.mozilla.org/pt-BR/docs/Web/HTML), [JavaScript](https://www.javascript.com/) e [ReactJS](https://react.dev/) para entender os códigos do projeto. 

Além disso, você precisa ter instalado em sua máquina o [GIT](https://git-scm.com/), [Node](https://nodejs.org/en) e um **editor de texto** de sua preferência. Recomendo sempre o [Visual Studio Code](https://code.visualstudio.com/). 

Um guia básico sobre como instalar e executar o projeto na sua máquina local: 

1. Clone o projeto ou faça download do ZIP: 

```bash

    # abra o terminal (Git bash) e digite 

    # não precisa fazer isso se já tiver feito download do projeto (nesse caso, só extraia a pasta e entre nela)

    $ git clone https://github.com/Gustavo-Victor/hotel-service-page.git

```

2. Entre na pasta do projeto:

```bash

    $ cd hotel-service-page/

```

3. Instale as dependências:

```bash

    $ npm install yarn -g 

    $ yarn

```

4. Execute a aplicação:

```bash

    $ yarn dev

```

5. Abra o projeto no seu navegador de preferência:

    - Digite no seu navegador o URL: http://localhost:5173/

    - Obs: recomendo sempre consultar a documentação do [TailwindCSS](https://tailwindcss.com/docs/guides/vite) caso não dê certo



## 📝 Licença 

O projeto está sob a Licensa MIT 

Qualquer pessoa pode usar, clonar e contribuir com este projeto. 

Clique [aqui](./LICENSE) para saber mais