Giter Site home page Giter Site logo

gamefinder-react-app's Introduction

Internship | React Game Finder App

This collaborative app was developed for the Intership: Become a Frontend Developer with Altimetrik.

Table of contents

Overview

The challenge

Rebuild the Game Finder app from the previous BFEDA Bootcamp in React js

Users should be able to:

  • Use the carousel
  • Log in with the given credentials
  • Search games by their name and platform available (Xbox, PlayStation, PC, Nintendo)
  • Click the game title to obtain more information about it (modal)
  • Switch the view of the games
  • Switch themes
  • Obtain the first game of the last to searches clicking in "last searches"
  • Log out

Screenshot

Login image

Home

How to run the app

  1. Install dependencies
npm install
  1. Bring up the server
npm run start
  1. Login with these accepted users:
{
  "email": [email protected]
  "password": test123
},
{
  "email": [email protected]
  "password": test123
}

  1. Enjoy ๐Ÿš€

The process

Built with

  • React Js
  • React Router Dom
  • CSS vanilla
  • JSON server - JSON server-auth
  • RAWG API
  • Responsive design (mobile, tablet, desktop)

Authors

Bruna Tomas Maiochi Ximena Echavarria Franco Ribarov Julieta Pontino

gamefinder-react-app's People

Contributors

juliponti avatar jpontino-altimetrik 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.