ronald-kimeli / fullstack-home-test

Full-Stack React typescript frontend with Graphql node backend

Access

Navigate to /backend and also /frontend folder on different terminals run below code to install dependencies

npm install

Then run the following command to start the server - Backend Graphql server on browser at the url http://localhost:4000/

npm start

Then run the following command to start the server - Frontend browser at the url http://localhost:3000/

npm run dev

This start a Graphql single query books that returns a list of books.

query Books {
  books {
    author
    coverPhotoURL
    readingLevel
    title
  }
}

Features

• Categorized book view according to reading level
• Paginated data according to screen size for load More
• Book search with their titles
• Multiselect Filtered books after search
• Adding and removing selected books from filtered books to reading list
• Persist reading list after refresh
• Mobile responsiveness with book content
• Toast for any successful action
• Re-usable components
• Links to every reading level categorized data.

Quick Overview