Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/soaressluiss/ortodoc-clinica

🦷 Página de uma clínica dentista fictícia
https://github.com/soaressluiss/ortodoc-clinica

javascript react react-router reactjs styled-components

Last synced: about 4 hours ago
JSON representation

🦷 Página de uma clínica dentista fictícia

Host: GitHub
URL: https://github.com/soaressluiss/ortodoc-clinica
Owner: Soaressluiss
License: mit
Created: 2022-08-14T20:10:04.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-02-22T14:51:19.000Z (over 1 year ago)
Last Synced: 2023-03-04T19:45:30.376Z (over 1 year ago)
Topics: javascript, react, react-router, reactjs, styled-components
Language: JavaScript
Homepage: https://ortodoc-clinica-soaressluiss.vercel.app/
Size: 38.1 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        


![Banner Ortodoc](/src/assets/img/banner%20Ortodoc.svg)





![Language](https://img.shields.io/github/languages/count/Soaressluiss/ortodoc-clinica?style=for-the-badge&logo=appveyor&color=orange)

![forks](https://img.shields.io/github/forks/soaressluiss/ortodoc-clinica?style=for-the-badge&logo=appveyor&color=green)

![star user](https://img.shields.io/github/stars/soaressluiss/ortodoc-clinica?style=for-the-badge&logo=appveyor&color=yellow)

![files](https://img.shields.io/github/directory-file-count/soaressluiss/ortodoc-clinica?style=for-the-badge&logo=appveyor&color=blue)

![status](https://img.shields.io/static/v1?label=STATUS&message=CONCLUIDO&color=GREEN&style=for-the-badge&logo=appveyor)

![licenca](https://img.shields.io/static/v1?label=License&message=MIT&color=green&style=for-the-badge&logo=appveyor)



## 🔢 Tópicos:

- Descrição

- Funcionalidades

- Tecnologias utilizadas

- Acesse ao projeto

- Inicie localmente

- Gif demostrativo

- Como contribuir

## 📃 Descrição:

O projeto consiste na representação de um site de uma linha de clínicas que prestam serviços odontológicos para seus clientes. Sua criação visa valorizar a marca e aproximar mais os clientes do negócio.

Foi desenvolvido com o intuito de aprimorar os conhecimentos apreendidos em [React](https://pt-br.reactjs.org/).

## ⚙ Funcionalidades:

- O site foi estruturado de modo a oferecer uma navegação _Single Page Application_ (SPA). Foram utilizadas as bibliotecas [Styled Components](https://styled-components.com/) e [React Icons](https://react-icons.github.io/react-icons/) para a estilização de todos os componentes e usado o [React Router Dom](https://reactrouter.com/en/main) para navegação entres as páginas;

- Foi feito uso da biblioteca [Swiper.js](https://swiperjs.com/) para o desenvolvimento do carrosel de imagens inicial;

- Caso o usuário acesse alguma página diferente de ``` /Home```,``` /Sobre```, ``` /Blog``` ou ``` /Contato```, ele será redirencionado para uma página personalizada de ``/ERROR 404``;

- O site possui responsividade a diversos tamanhos de tela (desktop, tablet e smartphones);

## 👨‍💻 Tecnologias utilizadas:

 Tecnologias |  Ícones

:---------: | :--------:

**HTML**    | 

**CSS**     |  

**JAVASCRIPT** | 

**REACT**     |  

**Styled Components** | 

          

## 🌐 Acesse o projeto online:

>  Ortodoc  Clínicas 🦷

## 💻 Inicie localmente:

Abra o terminal. Com seu gerenciador de pacotes de preferência: [Npm](https://www.npmjs.com/) ou [Yarn](https://yarnpkg.com/), clone o projeto através do comando:

```

git clone https://github.com/Soaressluiss/Ortodoc-clinica.git

```

Vá para o diretório da pasta: 

```

cd ortodoc-clinica

```

Instale todas as dependências do projeto:

```

npm install

```

Inicie o projeto com o comando:

```

npm start

```

## 📽 Gif demostrativo:

![animation](/src/assets/img/gif-demostrativo.gif)

## ♻️ Como contribuir:

- Faça um Fork desse repositório.

- Crie uma branch com a sua feature:

  `git checkout -b my-feature`

- Commit suas mudanças: ` git commit -m 'feat: My new feature'`

- Push a sua branch: `git push origin my-feature`

---

Esse projeto está sob a licença MIT. Veja o arquivo [License](./License) para mais detalhes.

---



#### Feito com ❤ por [Luís Soares](https://github.com/Soaressluiss) ©2022

#### Gostou do projeto? Me mande uma mensagem!😄