Git Product home page Git Product logo

instituto-biomabrasil's Introduction

Instituto BiomaBrasilπŸ¦€

O Intituto BiomaBrasil Γ© uma ONG que visa a conservação do meio ambiente, sustentabilidade e educação ambiental. O co-fundador do Instituto foi meu orientador quando eu cursei CiΓͺncias BiolΓ³gicas, entΓ£o decidi elaborar esse site como um agradecimento e homenagem.

Um live preview do projeto pode ser visualizado em: https://institutobiomabrasil.netlify.app/




Tecnologias utilizadas:

Ferramenta Descrição
React Biblioteca javascript
Hooks APIs do React
npm Gerenciador de pacotes
Netlify Servidor para deploy
react-router-dom Biblioteca para criação de rotas no React

> AlΓ©m disso, noo projeto realizei o consumo de um API externa utilizando o My Json Server (https://my-json-server.typicode.com/)
> O arquivo json pode ser visualizado neste link https://my-json-server.typicode.com/allanina/biomabrasil/db

πŸ“ Arquitetura

 πŸ“ instituto-biomabrasil
   |
   |-  πŸ“ src
   |    |
   |    |- πŸ“ assets
   |         |- πŸ“„ autor-profile.png
   |         |- πŸ“„ icon-facebook.png
   |         |- πŸ“„ icon-instagram.png
   |         |- πŸ“„ icon-github-blue.png
   |         |- πŸ“„ icon-instagram-blue.png
   |         |- πŸ“„ image-action-4.jpg
   |         |- πŸ“„ logo-instituto.png
   |         |- πŸ“„ manguezais-cover.png
   |
   |    |- πŸ“ components
   |         |- πŸ“ Banner 
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ Cards
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ CardsMangue 
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ CardsValues
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ Content 
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ ContentAutor
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ Footer 
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ Nav
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ TeamCards
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |
   |    |- πŸ“ pages
   |         |- πŸ“ Autor
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ Home
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |         |- πŸ“ Team 
   |                |- πŸ“„ index.js
   |                |- πŸ“„ styles.css
   |
   |    |- πŸ“ routes
   |         |- πŸ“„ Routes.js 
   |    
   |
   |
   |    |- πŸ“„ App.js
   |    |- πŸ“„ index.js
   |    |- πŸ“„ global.css
   |
   |
   

Agradecimentos

Gostaria de agradecer a todas a equipe da reprograma, todas as professoras, monitoras, alunas... Todo mundo! Sem elas, eu nunca teria conseguido fazer as coisas que eu eu consegui fazer, e elas sΓ£o minha maior fonte de inspiração para seguir programando. πŸ’œ

instituto-biomabrasil's People

Contributors

allanina avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.