Giter Site home page Giter Site logo

star-wars-characters's Introduction

Starwar Chacters from SWAPI API (https://swapi.dev/api/)

This is a simple react project that has a web interface which queries the SWAPI API and displays a list of the Star Wars characters’ attributes in a table.

You can also view details of a specific character selected. On this view there is a table displaying films that the character has been part of.

Implementation

This simple app has been developed using the following

  • React JS framework (Three components)
  • Material UI components
  • Axios to interact with SWAPI api

TO DO

  • Add favorites feature
  • Writing Tests (Jest)

Setup

As mentioned earlier this app is built using the React and it leverages on Axios Client. Below is a list of things you need to do to setup this project:

Step 1

Ensure you have either npm or yarn installed.

To check whether you have npm or yarn installed you can run the command npm -v or yarn -v to check whether you have them installed respectively.

Step 2

You need to install all the project's dependencies locally, for this you should run

yarn install # If you have yarn installed

# or

npm install # If you have npm installed

Step 3

Once you have completed all the steps above you are ready to run the application. You can use any of the commands below for that:

yarn start 

# or 

npm start 

The application will run on this url

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.