Giter Site home page Giter Site logo

dardila11 / test_frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jmcordobacentribal/test_frontend

0.0 1.0 0.0 504 KB

Test frontend en React para el equipo Plataforma Consultoría en Centribal.

Dockerfile 1.37% JavaScript 71.84% HTML 11.93% CSS 14.86%

test_frontend's Introduction

Superheroes Technical Test for Centribal

Documentation

  • Links to use the app
  • Setup using Docker Compose
  • Setup without using Docker
  • Testing

Frontend and Backend links

In your browser go to https://superheroes-centribal.netlify.app/ to use the App.

To check the API go to https://superheroes-api-centribal.herokuapp.com/

/api/v1/test/superheroes return all heroes.

/api/v1/test/superheroes/:id returns a hero by using their id.

Setup using Docker Compose

  1. Close this repository
  2. Open a terminal windows in your project directory
  3. Run docker-compose build
  4. Run docker-compose up
  5. Open your browser and go to localhost:3000

You should be all set to test the app locally!

Setup without using Docker

  1. Clone this repository
  2. Open a terminal window in your project directory and change directory to /backend
  3. Run npm install
  4. Then, run npm start
  5. Open another terminal window in your project directory and change directory to /frontend
  6. Run npm install
  7. then, run npm start
  8. Open your browser and go to localhost:3000

Testing

  1. Open a terminal window in your project directory and change directory to /frontend
  2. Run npm test

test_frontend's People

Contributors

jmcordoba avatar dardila11 avatar jmcordobacentribal avatar

Watchers

James Cloos 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.