GithubHelp home page GithubHelp logo

devinmmo-projeto2's Introduction

Sobre o Projeto

Segundo projeto avaliativo do primeiro módulo (FronEnd) do curso DEVInHouse. O Projeto consiste em uma aplicação simples, construída em React e consumindo a api MMO Games API através do serviço Rapid API, com uma página listando as notícias, outra listando os games, e uma terceira com detalhes sobre o respectivo game selecionado na página anterior de listagem dos games. Na terceira página, sobre os detalhes do game selecionado, deve constar um formulário com validação para envio de comentários, e os comentários devem contar com um sistema de likes, ambos (comentários e likes) salvos no local storage e atrelados ao game em questão.

Tecnologias utilizadas:

  • Javascript com React
  • CSS-in-JS (Styled Components)
  • HTML
  • NodeJS

ReactJS, Recursos utilizados:

Hooks

State, Effect, Context.

React Router ^6.0.2

UseParams, BrowserRouter, Routes, Route, Link, NavLink.

Axios ^0.24.0

Request(Get)

Formik ^2.2.9

Com Yup para validação.

Telas

News

Pilots

Games


Games

Games Details


Games Details

Responsividade

Responsividade

404

404

Instruções para rodar o projeto.

É necessário se criar uma conta no site RapidAPI e subscrever-se no serviço: MMO Games API. Com a chave da api MMO-GAMES em mãos, é você precisa inseri-la em nas variaveis de ambiente, há um arquivo .env-example, com o modelo para inserção da chave. Basta clonar, ou fazer donwload deste repositório, e com o Node devidamente instalado, execute o comando(no terminal de sua preferência) "npm install -y" no diretório raiz deste projeto. Após concluir a instalação, mantendo-se no diretório raiz do projeto, execute o comando "npm start". Você também pode conferir o projeto rodando aqui Link do projeto na netlify

devinmmo-projeto2's People

Contributors

lmsilvano avatar dependabot[bot] 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.