Smartreads is your 'book'mark companion that organizes your reading experience. Smartreads allows you to search for books and group them into individual bookshelves so that you can easily retrieve them later and keep track of your reading progress. The app is developed with React.js, routes managed with React-Router and SASS for styling. It uses the Google Books API under the hood and Netlify is used for hosting. It also supports PWA (Progressive Web App) capabilities, so it can be easily installed on mobile devices as well.
View the app live - https://smartreads.netlify.com
- React.js
- React-Router
- Google Books API
- SASS
- PWA (Progressive Web App)
- Netlify for hosting
- Implemented bookshelves 'Currently Reading', 'Want to Read' and 'Save for later'.
- Search for book by author or title and add it to the shelf.
- Optimized AJAX calls through debouncing technique.
- Ability to shift books between the shelves and update the state as necessary.
- Preserves the state of the shelves even on page refreshes.
- Fully responsive to be used on mobile devices as well.
To get started developing right away:
- Install all project dependencies with
npm install - Start the development server with
npm start - The dev server should be running at
localhost:3000