Posted on

Would You Rather

A React Application which allows users to login, create and answer some “Would you Rather” questions. It also allows the user to see unanswered and answered questions as well as see the Leader Board. The Leaderboard calculates the score based on how many questions were created and answered by each user.

Login Page
Home page showing Unanswered questions
Creating a new question
Answering a question
Showing the result after question is answered
Showing the Answered questions page
Showing the leaderboard

GtiHub Link

Live Demo

Code Highlights:

App.js wiring to various components
API Functions to access data
API Functions to save data
Posted on

My Reads

MyReads application that lets users search for and organise their reading library.

Front Page (Book Shelves)
Searching for Books

GitHub Link

Live Demo

Key Tech:

  • Basic React App accessing a Book API

Code Highlights:

Initial states
Rendering and wiring up/passing various functions and data.
moveBook function
searchForBooks and resetSearch functions
BookAPI to call Udacity’s book system which preserves states for the session.