Crafting a Book App for a Client


📚 The Backstory: How It All Began
Every project starts with a spark, and for Persona Press, it began with a simple client request on Fiverr:
"I want to create a personalized bookstore where users can preview, customize, and order books."
As a freelance full-stack developer, this sounded like a perfect challenge. I’d previously worked on e-commerce systems and SaaS dashboards, but this was different—it required creative thinking, seamless UX, personalization logic, and monetization support. I took it up and turned it into something far more scalable and delightful than the client imagined.
🌐 Project Overview
Name: Persona Press
Client: Confidential (via Fiverr)
Stack: MERN (MongoDB, Express.js, React, Node.js), Tailwind CSS, Cloudinary, Razorpay, Framer Motion, PDFKit
✨ Features I Built
Explore Personalized Books
Designed a modern UI to showcase books
Dynamic filtering based on genre/category
Live search for title & author
Responsive grid layout
Book Detail View with Trial Reading
Showcases metadata: author, price, description
Displays trial content with ad integration
Includes sample PDF preview using Cloudinary-hosted raw files
Smooth Checkout Experience
The user can add an address, choose a delivery type
On successful payment (via razorpay), the order is placed
Backend sends invoice + digital copy (if applicable)
Admin Dashboard
Upload books with images, sample/full PDFs, and content
Tags, categories, trial page limit, and pricing fields
Secure login
Monetization
Display trial-reading ads to non-paying users
Fixed delivery + dynamic printing fees
Digital vs Physical pricing logic
Cloudinary Integration
Hosted all media (covers, sample PDFs, full books)
Used different resource types (image, raw)
⚙️ Tech & Tools Used
Frontend: React, Tailwind CSS, Framer Motion
Backend: Node.js, Express.js, MongoDB, Cloudinary SDK
PDF Handling: PDFKit for dynamic PDF generation
Payments: Razorpay REST API integration
Storage: Cloudinary (image + raw uploads)
Hosting: Netlify(Frontend), Render (Backend)
🚀 Outcome & Feedback
The client was highly satisfied and left a glowing 5-star review:
"Really impressed by the final result. I just gave him a very raw idea, and he crafted it with details very beautifully. Liked the way he gives suggestions and asks before doing anything to the project. Interested in doing more projects with him."
This was one of those projects where good communication and tech alignment produced a stunning result.
🌟 My Takeaways
Building niche platforms = big impact for solopreneurs
A clean UI backed by a powerful backend wins hearts
Use modular code to scale such platforms easily
Personalization + monetization is a killer combo
📢 Wanna Build Something Similar?
I specialize in building:
✍️ Personalized content platforms
🚀 SaaS dashboards
🌟 Scalable MERN-stack apps
✨ Beautiful, fast UIs with Tailwind + GSAP
Check out my Fiverr gig:
https://fiverr.com/mohammadyasir29
Portfolio: https://codilad.dev
Thanks for reading! Let's build the next big thing together.
Subscribe to my newsletter
Read articles from Mohammad Yasir directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by

Mohammad Yasir
Mohammad Yasir
An enthusiastic Programmer who loves to write about Technologies.