Giter Club home page Giter Club logo

ngbo-search's Introduction

ngbọ́

A TV Show Search App

ngbọ́ search is an app that you can use to search for your favorite tv shows and find all the details about them.

ngbọ́ uses Axios and is powered by TVmaze API

This project is still a work in progress and I welcome Issues and feedback.

ngbo-search's People

Contributors

estherphebe avatar

Stargazers

Tobalase Akinyemi avatar

Watchers

Tobalase Akinyemi avatar  avatar

ngbo-search's Issues

Set an appropriate document title

The page title is currently set to "Show Info". I think using the project name "ngbọ́" or some variation of it—perhaps the stylization suggested in #1—will be more appropriate. This title may then be combined with subtitles using a separator e.g. "ngbọ́ | Show Details" or "ngbọ́ · Show Details".

Pressing Enter in the search field reloads the page

When I enter a search query and press the enter key while still focused on the search field, the page reloads to a fresh copy of the page with URL like this: https://estherphebe.github.io/ngbo-search/?search=bad.

The expected behavior on pressing the enter key is for the search to be executed and the results be shown as if I pressed the search button.

The search input field looks out of place.

The search input field is slightly—or more noticeably in some cases—larger than the buttons—clear and search—next to it. The field should be adjusted to have the same height as the buttons so that it lies flush with them.

Search Field in Firefox

Search Field in Chrome

Can't see more than 10 results

Currently the search results are limited to 10 items. It would be nice to have the ability to load more results by clicking a button at the end of the list of results like on DuckDuckGo or a list of mubered links corresponding to result page numbers like on Google.

DuckDuckGo

Google

Can't tell when a search returns zero results

When I enter a query like "aloof" for example, the page remains the same after clicking the search button and I cannot tell if the search is still being executed (#4 should fix this) or there are no results for this query.

Can't tell when results are being fetched

There is no way to tell when a search is being executed but the result are yet to be returned. A loading message or icon should be enough to let users know to wait for the results to be returned.

Add an interrobang to the page header.

I think it would add some flair to punctuate the header text that currently says "ngbọ́" with an interrobang (‽) which is a befitting combination of an exclamation mark (!) and a question mark (?).

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.