GithubHelp home page GithubHelp logo

doc22940 / star-wars-search Goto Github PK

View Code? Open in Web Editor NEW

This project forked from austriker27/star-wars-search

1.0 1.0 0.0 427 KB

An website for users to search for your favorite, or least favorite, star wars character via the SWAPI API.

Home Page: https://star-wars-search.netlify.com/

License: MIT License

JavaScript 41.17% HTML 22.64% CSS 36.19%

star-wars-search's Introduction

A Star Wars Character Search

This is a very tiny web app that allows you to search for your favorite, or least favorite, star wars character. It uses SWAPI as an API endpoint for your query. It will return data from SWAPI for the character search. Data includes the characters name, gender, hair color and eye color. A user can search for a character with any letters and then filter results by gender. With the current implementation the app only returns the first 10 results from SWAPI.

Deployment

This project uses continuous deployment via Netlify to deploy from the master branch. Check it out here.

Tech/framework used

  • jQuery
  • Vanilla JavaScript
  • CSS (from scratch)

Built in

API Endpoint

This app is using the following API endpoint at SWAPI, where ${searchValue} is the user's search query. You can go to the link in your browser to look at the details.

https://swapi.co/api/people/?search=${searchValue}

API Reference

  • SWAPI docs for people are here.
  • SWAPI docs for searching are here.

Tests

At this time there are no tests.

How to use?

A screencaptured gif of how to use this website

It is pretty easy to get off the ground with this website.

  1. Search for your favorite character
  2. Peruse the results
  3. Filter the results by gender if desired.
  4. Search again to your heart's content!

Future TODO

  • Build out the ability for more than 10 results to come back from SWAPI (Pagination on SWAPI's end)
  • Write tests!

Contribute

Feel free to contribute! Just submit a PR and I'll take a look.

Credits

Thanks to Soylent for powering me through this project.

Anything else that seems useful

License

MIT License is applicable here.

MIT © David A. Lindahl

star-wars-search's People

Contributors

austriker27 avatar

Stargazers

Acampbell 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.