https://github.com/brunocarvalhofeitosa/yoga-institutional-page

Yoga institutional page created with React.js, TailwindCSS and Email-JS.
https://github.com/brunocarvalhofeitosa/yoga-institutional-page

Last synced: 4 days ago
JSON representation

Yoga institutional page created with React.js, TailwindCSS and Email-JS.

• Host: GitHub
• URL: https://github.com/brunocarvalhofeitosa/yoga-institutional-page
• Owner: BrunoCarvalhoFeitosa
• License: mit
• Created: 2023-08-20T16:24:11.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-22T22:12:13.000Z (about 1 year ago)
• Last Synced: 2023-08-23T02:31:08.602Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://yoga-institutional-page.vercel.app
• Size: 5.52 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        






  

    

  

  


    Página institucional de uma fictícia instituição que oferece aulas de Yoga utilizando React.js, TailwindCSS e Email-js.

  


  Sumário

  


    


      Sobre o projeto

      


        
Feito com

        
Hospedagem

      

    

    


      Iniciando o projeto

      


        
Pré-requisitos

        
Instalação

      

    

    
Uso

    
Licenças

    
Contato

    
Reconhecimentos

  


## Sobre o projeto

Este site institucional foi criado como maneira de estudo utilizando React.js, TailwindCSS. As páginas possuem utilização de diversas bibliocas como a react-hook-form e yup que validam a entrada de dados do usuário no formulário de contato e com utlização do email-js estes dados são enviados para o meu e-mail pessoal. Para as animações da página foi utilizada a biblioteca Aos, para o mapa customizado com pins que demonstram as localidades das academias da rede foi utilizada a biblioteca react-leaflet e não menos importante outras bibliotecas como react-icons, react-modal-video, etc.

https://github.com/BrunoCarvalhoFeitosa/yoga-institutional-page/assets/46093815/9dc13b33-a2aa-41a7-bf16-8d328fecc3d5

### Página de login

![yola-login](https://github.com/BrunoCarvalhoFeitosa/yoga-institutional-page/assets/46093815/ca7f515f-6604-4132-b628-a8c0f350d65a)

### Página de cadastro

![yola-cadastro](https://github.com/BrunoCarvalhoFeitosa/yoga-institutional-page/assets/46093815/96de6d99-554c-4757-8c0c-33437b8f1600)

### Página de sobre nós

![yola-sobre-nos](https://github.com/BrunoCarvalhoFeitosa/yoga-institutional-page/assets/46093815/4c5cb708-dea9-4efb-a20d-09857839e813)

### Feito com

* [React.js](https://react.dev)

* [TailwindCSS](https://tailwindcss.com)

* [EmailJs](https://www.emailjs.com)

* [Vercel](https://vercel.com/)

### Hospedagem

O site está em produção neste link: (https://yoga-institutional-page.vercel.app).

## Iniciando o projeto

Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/yoga-institutional-page.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador.

### Pré-requisitos

* npm

  ```sh

  npm install npm@latest -g

  ```

### Instalação

1. Clone o repositório

   ```sh

   git clone https://github.com/BrunoCarvalhoFeitosa/yoga-institutional-page.git

   ```

2. Instale os pacotes do NPM

   ```sh

   npm install ou yarn

   ```

   

3. Inicie o projeto

   ```sh

   npm run dev ou yarn dev

   ```   

## License

Distribuído sob a licença MIT.

## Contato

Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)