https://github.com/epiled/organo

👩‍💻 Uma aplicação React que permite o registro e organização de profissionais por categoria 👨‍💻
https://github.com/epiled/organo

Last synced: about 1 month ago
JSON representation

👩‍💻 Uma aplicação React que permite o registro e organização de profissionais por categoria 👨‍💻

• Host: GitHub
• URL: https://github.com/epiled/organo
• Owner: Epiled
• License: mit
• Created: 2023-09-14T06:57:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-18T05:59:25.000Z (10 months ago)
• Last Synced: 2024-02-18T06:31:15.915Z (10 months ago)
• Language: JavaScript
• Homepage:
• Size: 577 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[nome-do-repositorio]: organo

# 👨‍💻 Organo

Projeto do curso React: desenvolvendo com JavaScript da Alura, curso ministrado pelos instrutores Marcos Vinicios da Silva Neves e Paulo Silveira.

| :placard: Vitrine.Dev |     |

| -------------  | --- |

| :sparkles: Nome        | **Organo**

| :label: Tecnologias | react, js, html, css, node

![organo](https://github.com/Epiled/organo/assets/55258483/16fa409e-6799-4600-9414-a01f197ad452#vitrinedev)

 📃 Detalhes do projeto 


Uma aplicação React que permite o registro e organização de profissionais por categoria, exibindo informações como nome, cargo, categoria e foto. A interface é intuitiva, responsiva e fornece detalhes específicos sobre cada profissional.

![Badge](https://img.shields.io/github/last-commit/Epiled/organo?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/code-size/Epiled/organo?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/count/Epiled/organo?style=for-the-badge)

![Bagde](https://img.shields.io/badge/repo%20status-Beta-cyan?style=for-the-badge)

![Bagde](https://img.shields.io/github/v/release/Epiled/organo?style=for-the-badge)

![Bagde](https://img.shields.io/github/license/Epiled/organo?style=for-the-badge)

![Badge](https://img.shields.io/badge/-React-61DAFB?style=for-the-badge&logo=react&logoColor=black)

![Badge](https://img.shields.io/badge/-JS-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![Badge](https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![Badge](https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![Badge](https://img.shields.io/badge/-Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white)

 📑 Tabela de Conteúdos 


   * [Detalhes do projeto](#detalhes-do-projeto)

   * [Tópicos Desenvolvidos](#topicos-desenvolvidos)

   * [Demonstração](#demonstracao)

     - [Home](#home)

   * [Pré-Requisito](#pre-requisito)

   * [Instalação](#instalacao)

   * [Como usar](#como-usar)

   * [Tecnologias](#tecnologias)

   * [Autor](#autor)

 👩‍🏫 Tópicos Desenvolvidos 


* Descreva as vantagens da utilização do React

* Implemente componentes reativos

* Investigue e analise mensagens de erro

* Modifique e evolua componentes de acordo com a necessidade do projeto

* Prototipe uma aplicação do zero até o deploy

 👀 Demonstração 


 Home 


https://github.com/Epiled/organo/assets/55258483/e750656e-9a97-4b54-9fd4-d9306fe65edd

 🚨 Pré-requisito 



  
Node



 ⚙ Instalação 


```

1. git clone https://github.com/Epiled/organo.git

2. cd organo

3. npm install

```

 👩‍🏫 Como usar 


```

1. npm run start

2. Acesse a url http://localhost:5173/

```

Caso a url não abra sozinha acesse a url [http://localhost:5173](http://localhost:5173)

 🛠 Tecnologias 


As seguintes tecnologias foram usadas na construção deste projeto:



  
React

  
JavaScript

  
HTML5

  
CSS3

  
Node.js



 👨‍💻 Autor 




![Felindo](https://user-images.githubusercontent.com/55258483/178338085-2cea8bf2-6d0c-409a-9d0e-23359b7d303e.png)

 


 Felipe De Andrade

Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-Felipe-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fademendonca/)](https://www.linkedin.com/in/fademendonca/)

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white&link=https://www.instagram.com/felipe.deam/)](https://www.instagram.com/felipe.deam/)

[![Codepen Badge](https://img.shields.io/badge/-Codepen-000000?style=flat-square&logo=Codepen&logoColor=white&link=https://codepen.io/epiled)](https://codepen.io/epiled)