Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kenmarcos/destyno

Projeto para etapa de desafio técnico do processo seletivo para vaga de desenvolvedor front-end júnior da Wizzi.
https://github.com/kenmarcos/destyno

nextjs13 react react-hook-form sass typescript yup

Last synced: about 1 month ago
JSON representation

Projeto para etapa de desafio técnico do processo seletivo para vaga de desenvolvedor front-end júnior da Wizzi.

Host: GitHub
URL: https://github.com/kenmarcos/destyno
Owner: kenmarcos
Created: 2023-07-13T14:30:59.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-07-18T18:53:15.000Z (over 1 year ago)
Last Synced: 2024-04-24T09:14:08.727Z (8 months ago)
Topics: nextjs13, react, react-hook-form, sass, typescript, yup
Language: TypeScript
Homepage: https://destyno.vercel.app
Size: 1.82 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


    

        

    

    

        Sobre o Projeto •

        Funcionalidades •

        Instalação •

        Tecnologias •

        Autor

    



## 🖥️ Sobre o Projeto



    

        

    

    


    


    

        

    






Projeto criado para etapa de desafio técnico do processo seletivo para vaga de desenvolvedor front-end júnior da [Wizzi](https://github.com/Wizzi-Oficial/tech_challenge).

Destyno é uma aplicação de turismo em que o usuário pode escolher um destino para viajar e especificar mais informações sobre a viagem.

Na página de checkout, antes de confirmar a compra, o usuário pode conferir alguns detalhes da viagem como imagem e breve descrição do local de destino, além de informações sobre a quantidade de passageiros, quantidade de dias e o total a pagar.

## 💡 Funcionalidades

- [x] Tela Home

  - [x] Informações de destaque sobre a aplicação

  - [x] Lista de destinos recomendados

- [x] Tela "Checkout"

  - [x] Formulário com validações para usuário preencher com informações da viagem

- [x] Tela de Confirmação

  - [x] Exibição de mensagem de confirmação ao usuário após envio com sucesso do formulário

## ⚙️ Instalação

- Faça o fork desse repositório

- Abra o terminal e clone o repositório:

```Bash

$ git clone [email protected]:/destyno.git

```

- Entre no diretório do projeto:

```Bash

$ cd destyno

```

- Para abrir o projeto no Visual Studio Code, execute o comando:

```Bash

$ code .

```

- Instale as dependências:

```Bash

$ yarn install

```

- Execute a aplicação em ambiente de desenvolvimento:

```Bash

$ yarn dev

```

Pronto! A aplicação, agora, pode ser acessada através da url https://localhost:3000/.

## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[React.js](https://pt-br.reactjs.org/)**

- **[Next.js](https://nextjs.org/)**

- **[TypeScript](https://www.typescriptlang.org/)**

- **[Sass](https://sass-lang.com/)**

- **[React Hook Form](https://react-hook-form.com/)**

- **[Yup](https://github.com/jquense/yup)**

- **[React Datepicker](https://www.npmjs.com/package/react-datepicker)**

- **[Date-fns](https://date-fns.org/)**

## 👨‍💻 Autor



Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉