Skip to content
A book tracking app built in React
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Alexandria - A Book Tracking App

Alexandria is a personal library app allowing you to track the books you're reading, want to read, and have read. It's my implementation of a project from the Udacity Frontend Developer Nanodegree program.

I did not use the provided Udacity starter code, as I wanted to start with a fresh 'create-react-app' and go from there.

Live Demo

Check out a live build of Alexandria here:


This project was bootstrapped with create-react-app. You can install it easily so long as you have npm or yarn installed on your system. Once you do:

git clone
cd alexandria

for npm

npm install
npm start

for yarn

yarn install
yarn start

Backend Server

This project was designed as a purely frontend task. Udacity provided only the backend and some functions to read and update data on it. The rest was built by me in React.


The backend API uses a fixed set of cached search results and is limited to a particular set of search terms, which can be found in That list of terms are the only terms that will work with the backend, so don't be surprised if your searches for Basket Weaving or Bubble Wrap don't come back with any results.

Skills Used

This project brief was designed to get me to use the recent skills taught in my Udacity React course.

  • React
  • APIs
  • Routing
  • JSX
  • CSS
  • Passing state to child components
  • Composition
  • Git/Github
  • Netlify (Although it's seriously dead simple.)

Libraries Used

These were both new, and welcome additions to my toolbelt.


This is licensed under the MIT License.


  • Udacity for the API and BooksAPI helper functions
  • The Book Image was designed by Freepik
You can’t perform that action at this time.