CompletedReact / ViteGoogle APIs

DynamicBookFinder

Amodern,responsivewebapplicationexploringthevastlibraryoftheGoogleBooksAPIwithaseamlesssearchexperienceandpersistentpersonalizedfavorites.

GitHub Repository Executive Summary

Live Showcase

TrytheDemo

ThisembeddeddemoconnectsdirectlytoGoogleBooksAPIandutilizesyourbrowser'slocalStorageforstatepersistence.

01Project Overview

A modern, responsive web application that allows users to explore the vast library of the Google Books API. The application provides a seamless search experience, allows users to view book details (author, publication date, and cover art), and features a persistent "Favorites" system.

02Key Features

Live Search

Integration with the Google Books API for real-time querying of titles, authors, or keywords.

Curated Discovery

Automatically fetches and displays popular fiction titles upon initial page load to engage users immediately.

Persistent Favorites

A custom-built favoriting system using React Context API and LocalStorage, ensuring user selections are saved even after closing the browser.

Responsive UI

A mobile-first design using a CSS Grid layout that adapts perfectly to desktop, tablet, and smartphone screens.

Technical Stack

Frontend

React (v19) & Vite

For a lightning-fast development and build process.

State Management

React Context API

Centralized handling of book data and favorites.

Routing

React Router (v7)

Smooth client-side navigation seamlessly between pages.

Styling

Modular Vanilla CSS

Focus on CSS Grid and Flexbox for modern, robust layouts.

External API

Google Books API