Code Monkey home page Code Monkey logo

gr-frontend's Introduction

Good Reader: The Front End

This React web app was built to help readers organize their books into three categories. Books can be found searching through Google Books API, allowing for more controlled data. Enjoy your read!

Contents

Libraries & Middleware

Good Reader was built using create-react-app and comes with the dependencies therein.

Installation

To get started with Good Reader, fork this repository and clone it to your hard drive. CD into the folder and run npm install. Once the dependencies have been installed, you can run npm start to get your app running. Your locally-hosted version of the app, like the live version, will receive information from a Ruby on Rails backend hosted on Github. For more information about how the back-end is structured, visit this repository.

Future Development

Some ideas for features to add in the future:

Global Store

This project was a hard lesson learned on the pitfalls of prop drilling. Props were passed down multiple levels and I will have to refactor the code with Context API or Redux in order to maintain a global store.

Pagination of Search Results

At the moment, entering a search term only results in the first 10 books. I'd like to add pagination features so that a user can see the next 10 results in the search.

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.