DEV Community

Cover image for TypeScript FullStack project - BookVerse
Joseph Muchai
Joseph Muchai

Posted on

TypeScript FullStack project - BookVerse

I recently built my first full-stack TypeScript project, blending modern web development with AI-powered features to redefine the digital reading experience!

What is BookVerse?
BookVerse is a web app that acts as your digital bookshelf. It lets you search for books, manage your book lists(favorites, reading lists, completed), access instant download links (Consumet API), and engage with an AI-powered chatbot for book summaries, insights, and recommendations.

Check out the live preview: https://bookvs.pages.dev/

Tech Stack

  • Frontend: React, TypeScript
  • Backend: Express, Node, TypeScript
  • Styling: Tailwind CSS
  • APIs: Google Books API (for books and metadata), Consumet API for download links, and the new Google GEN-AI SDK for the chatbot.

This project was a challenging yet rewarding journey into modern web development, streaming AI interactions with Server-Sent Events, and advanced API integrations. I’m excited to keep pushing the boundaries of what’s possible!

Curious? Explore the code:
Frontend: https://github.com/Joseph-kdev/BookVerse
Backend: https://github.com/Joseph-kdev/bookverse-server

I’d love to hear your thoughts or feedback! What’s a feature you’d add to a digital bookshelf? Or how would you build it?

Top comments (0)