A React-based book recommendation web app that uses the Anthropic Claude API to generate personalized reading suggestions based on user-provided preferences — genres, moods, past favorites, and reading pace. Built as a portfolio project to demonstrate AI integration skills.
Motivation
As someone who loves psychological thrillers and reads across genres, I wanted to build something personally useful while demonstrating practical AI/API integration — a skill increasingly relevant for product and analytics roles in tech.How It Works
- User inputs their reading preferences, favorite genres, and books they've enjoyed
- App sends a structured prompt to the Claude API with the user context
- Claude returns a curated list of 5 personalized recommendations with brief rationales
- Results displayed in a clean card-based UI with genre tags and reasoning
Technical Details
Built in React with functional components and hooks (useState, useEffect). API calls handled with async/await and error boundaries. Deployed on Netlify. The project reinforced skills in prompt engineering, API integration, state management, and responsive UI design.1
Live App
Claude
Powered
React
Frontend