Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunocarvalhofeitosa/medical-services
Next.js page made with Next.js, Typescript, GSAP and TailwindCSS.
https://github.com/brunocarvalhofeitosa/medical-services
axios emailjs nextjs react-hook-form swiper tailwindcss typescript yup
Last synced: 4 days ago
JSON representation
Next.js page made with Next.js, Typescript, GSAP and TailwindCSS.
- Host: GitHub
- URL: https://github.com/brunocarvalhofeitosa/medical-services
- Owner: BrunoCarvalhoFeitosa
- Created: 2024-07-24T13:20:31.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-08-13T15:27:44.000Z (3 months ago)
- Last Synced: 2024-08-14T18:02:40.697Z (3 months ago)
- Topics: axios, emailjs, nextjs, react-hook-form, swiper, tailwindcss, typescript, yup
- Language: TypeScript
- Homepage: https://bruno-carvalho-feitosa-healthcare-centro-medico.vercel.app
- Size: 4.43 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Site modelado para um hospital/centro médico feito em Next.js, Typescript, React Hook Form, Yup, Axios, Emailjs, TailwindCSS, ShadcnUi.
Sumário
## Sobre o projeto
### Homepage
A homepage é totalmente responsiva, se adapta a qualquer tamanho de tela, nela foram postas informações relavantes aos departamentos, serviços, opniões dos clientes e a localização dos centros médicos.
https://github.com/user-attachments/assets/f53cdcf9-aa0d-43b3-893c-6469989ddc2b
### Login/Cadastro
As páginas de login e cadastro são totalmente responsivas, se adapta a qualquer tamanho de tela, não há nenhum tipo de interação nesta página, ou seja, não foi feita nenhuma ação com banco de dados.
https://github.com/user-attachments/assets/b624add5-eca1-4031-af63-092b6f297497
### Doutores
A página de doutores é totalmente responsiva, se adapta a qualquer tamanho de tela, nesta página são exibidos todos os doutores e caso o usuário clique sobre um deles, as informações respectivas ao médico são exibidas.
### Blog
A página de blog é totalmente, se adapta a qualquer tamanho de tela, nesta página são publicados os artigos por parte dos médicos sobre diversas especialidades.
https://github.com/user-attachments/assets/fa4c1b98-2711-4f48-b80f-8b1584431ca2
### Termos de uso, Política de Cookies, Política de Privacidade, Trabalhe Conosco, Ouvidoria/Sac
As páginas são totalmente responsivas, se adaptam a qualquer tamanho de tela, nesta página são publicados os artigos por parte dos médicos sobre diversas especialidades.
https://github.com/user-attachments/assets/0bf90484-29ce-4769-95d0-143c4678b9ee
### Feito com
* [Next.js](https://nextjs.org)
* [Typescript](https://www.typescriptlang.org)
* [Axios](https://axios-http.com/ptbr/docs/intro)
* [Emailjs](https://www.emailjs.com)
* [React Hook Form](https://react-hook-form.com)
* [Yup](https://github.com/jquense/yup)
* [TailwindCSS](https://tailwindcss.com)
* [ShadcnUi](https://www.postgresql.org)
* [Vercel](https://vercel.com)
### Hospedagem
A aplicação está em produção neste link: (https://bruno-carvalho-feitosa-healthcare-centro-medico.vercel.app).
## Iniciando o projeto
Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/medical-services.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/medical-services.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/)