MyReads - Book Tracking Web Application

The MyReads Project was undertaken as part of the Front-End Nanodegree program at Udacity. Its main objective was to gain hands-on experience in developing React applications, as specified in the project rubric. Udacity offered starter code that provided a basic React structure. To successfully complete the project, the following steps were taken:

Data Restructuring: The information pertaining to the current books was organized into a JSON file.

Component Creation: Various logical components were created to facilitate the app's functionality.

Third-Party Components: The following third-party components were utilized:

react-router: Used to determine which component should be displayed based on the current URL.

react-select: Employed to create a select element that seamlessly integrates with React.

prop-types: Implemented for prop type checking.

escape-string-regex: Used to safeguard the search input field against malicious user inputs.

BookStore: Acting as the state manager, BookStore handles data management and transfers the necessary information to ListBooks and SearchBooks components. It also encompasses functions responsible for retrieving and formatting books.

Local Storage Persistence: The application's state is saved to the local storage, ensuring that the page retains its appearance even after a refresh.

Project Overview:

My Reads is an application that enables users to search for books using specific search terms found in SEARCH_TERMS.md. The books are categorized into three distinct bookshelves:

Currently Reading

Want to Read

Read

The backend infrastructure is provided and maintained by Udacity.