Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gui-bus/geoway

A Geoway é uma Landing Page para um app fictício de rotas para trilhas e viagens desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS e Vercel. O projeto conta com diversas informações sobre o aplicativo, como seu funcionamento e funcionalidades. 🧭
https://github.com/gui-bus/geoway

figma framer-motion front-end frontend landing-page landingpage nextjs react shadcn-ui tailwindcss typescript vercel vercel-deployment

Last synced: about 2 months ago
JSON representation

A Geoway é uma Landing Page para um app fictício de rotas para trilhas e viagens desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS e Vercel. O projeto conta com diversas informações sobre o aplicativo, como seu funcionamento e funcionalidades. 🧭

Awesome Lists containing this project

README

        

# Geoway | Mapeando aventuras! :compass:


Desktop


Atalhos de navegação

***[Sobre o projeto](#geoway-compass)*** :compass:
***[Funcionalidades](#funcionalidades-)*** 📦
***[Como acessar a Geoway](#como-acessar-a-página-gear)*** :gear:
***[Tecnologias utilizadas](#tecnologias-utilizadas-dart)*** :dart:
***[Galeria](#galeria-camera)*** :camera:
***[Contribuição](#contribuição-bulb)*** :bulb:
***[Créditos e Agradecimentos](#creditos-e-agradecimentos-handshake)*** :handshake:
***[Contato](#redes-sociais-para-contato-speech_balloon)*** :speech_balloon:
***[Página personalizada](#precisa-de-uma-pagina-personalizada-para-o-seu-negócio-rocket)*** :rocket:


## Geoway :compass:


***A [Geoway](https://geoway.vercel.app/) é uma Landing Page para um app fictício de rotas para trilhas e viagens desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS e Vercel.*** O projeto conta com diversas informações sobre o aplicativo, como seu funcionamento e funcionalidades.

> **ALERTA** :warning:
> Este projeto se trata de um projeto de estudos, ou seja, nenhuma das informações contidas na página do projeto são totalmente verídicas.

### Funcionalidades 📦
- [x] ***Interface de usuário, navegação e design***
- Através da combinação de ***React + Tailwind + ShadCN/UI*** foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.
- [x] ***Elementos animados***
- A landing page possui animações de Fade In feitas utilizando o biblioteca ***[Framer Motion](https://www.framer.com/motion/)*** em conjunto com a ***[React Intersection Observer](https://www.npmjs.com/package/react-intersection-observer)***.
- [x] ***Carregamento Rápido e Eficiente***
- A página é otimizada para carregar rapidamente, proporcionando uma experiência de usuário agradável.

## Como acessar a página :gear:

- [x] Para acessar a Landing Page da Geoway basta ***[clicar aqui](https://geoway.vercel.app/)***.

## Tecnologias utilizadas :dart:


React
Typescript
NextJS
Tailwind
ShadCNUI
Framer Motion
Vercel
Figma

## Galeria :camera:
#### Desktop


desktop



desktop



desktop



desktop



desktop



desktop



desktop



#### Mobile


mobile
mobile
mobile
mobile
mobile
mobile
mobile
mobile
mobile
mobile

#### Tablet


tablet
tablet
tablet
tablet

## Contribuição :bulb:

Gostaria de contribuir para o projeto? ***Fico muito grato pelo interesse!***

- Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.

## Creditos e agradecimentos :handshake:
- Ao professor ***[Adrian Hajdin](https://github.com/adrianhajdin)*** pelos ensinamentos que foram essênciais para a realização deste projeto.

## Redes sociais para contato! :speech_balloon:


Instagram


LinkedIn


Gmail

## Precisa de uma pagina personalizada para o seu negócio? :rocket:

- [x] Se você gostou do projeto da ***Geoway*** e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa.
***Vamos transformar sua visão em realidade!*** :star:

- Entre em contato através das minhas redes sociais ou envie-me um e-mail para [[email protected]](mailto:[email protected]).


Geoway