Front-end
Development
Design
UI/UX

Bright Reads

An online library web application.

Project

Role

Front-end Developer.

Type

Personal Project

Date

Oct.2022

Tech & Tools

React.jsJavaScriptTailwindReact-queryFramer MotionReact-loading-skeletonReact-toastifyGoogle Books APIOpen Library API

Overview

Bright Reads is a dynamic online library web application integrated with Google Books and Open Library API’s. It enables users to search, explore, and discover millions of books across various genres and categories. With a user-friendly interface, Bright Reads makes it easy for book enthusiasts to find their next read.


Project
Project
Project
Project

Lessons Learned

Building Bright Reads was an opportunity to experiment and learn about different concepts in React, Javascript, and design. Some of the things i learned about include:

  • Performing multiple fetch requests simultaneously using Promise.all to prevent waterfall data fetching.
  • Utilize browser session caching to persist fetched data, enhancing performance and user experience.
  • Using Regex and various string methods to clean and format fetched text data, making it more presentable and user-friendly.
  • Reducing data fetching time by implemeting pagination and load additional data as needed.
  • Preventing layout shifts during page loading by using skeleton loaders as a placeholder, which contributes to an intuitive and smoother user experience. React-loading-skeleton is great library for such cases.

More Projects

LIVE.LIVE.LIVE.LIVE.