Git Product home page Git Product logo

lizandrof273 / jeopardy-questions-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 4.57 MB

Jeopardy Generator is a web app that is both friendly to large screens and mobile devices. It allows a user to search the large catalog of Jeopardy questions with some ways to filter through the questions. These filters include difficulty, time frame, and category.

Home Page: https://jeopardy-genn.herokuapp.com/index.html

CSS 12.06% HTML 56.99% JavaScript 30.82% PHP 0.14%

jeopardy-questions-app's Introduction

Project - Jeopardy Generator

Jeopardy Generator is a web app that is both friendly to large screens and mobile devices. It allows a user to search the large catalog of Jeopardy questions with some ways to filter through the questions. These filters include difficulty, time frame, and category.

Link to Website (https://jeopardy-genn.herokuapp.com/index.html).

The app utilizes jservice REST API.

User Stories

  • User can search by difficulty
  • User can search by category
  • User can search before a date
  • User can search after a date
  • User can search by a specific date
  • User can search by all above together
  • User can search for random questions when they do not input anything.
  • User is displayed question and answer
  • User is displayed lists to select prefrences
  • User can switch between two different layouts depending on the size
  • User can switch between tabs in both layouts
  • User can learn about Jeopardy and the Generator

Possible future features:

  • Look like a game board
  • Make a playable game
  • Keep users favorites on a tab
  • Expand the categories

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with LiceCap.

Notes

This web application was fun to build and a great experience. I learned a lot because I had not done both the front end and backend on a web application like this. I enjoyed building how it would look and how it changes forms from large to small. At first, this web application was a little tricky to understand but was not to hard to understand. I faced many bugs but I have refined the application and now there are not any large bugs. There are too many bugs to discuss but one of them was when the user selects the airdate and unselects it would still add itself to its search results. I was making sure there were no typos in my unordered list and where it was being called. However, everything seemed to be fine because it was zero, meaning that it should have no preference. It turns out because I set the before and after dates to the single day. So when it would search with other results the before and after were not what the user wanted. I kept extra var with what they were before changing them and after getting the URL I changed them back. This was overall a fun project to work on.

License

Copyright [2019] [Lizandro Franco]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

jeopardy-questions-app's People

Contributors

lizandrof273 avatar

Watchers

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