Summary
Keywords
Full Transcript
In this video, we’ll build a Full-Stack AI eBook Creator App using the MERN (MongoDB, Express, React, Node.js) stack, styled with Tailwind CSS, and powered by Google Gemini AI. This app lets users plan, write, and export complete ebooks with AI assistance — all in one place. Get Source Code: https://buymeacoffee.com/timetoprogram/e/468827 🔥 Complete Web Developer Bundle Includes 100+ React Components, 12 Full Stack Projects, 5 Cheat Sheets & 500+ Interview Q&As 👉 Get it here: https://buymeacoffee.com/timetoprogram/e/474148 Functionalities Implemented: 1. User Authentication – Secure login & signup with JWT 2. AI Outline Generator – Create a complete ebook outline with chapter titles and descriptions using AI 3. AI Chapter Writer – Instantly generate full chapter content with Google Gemini AI 4. Markdown Editor – Write and format ebook content using a clean, modern Markdown editor 5. Real-Time Preview – Switch between edit and preview modes to see formatted content instantly 6. Drag & Drop Chapters – Reorder chapters easily for flexible ebook structuring 7. Book Details Management – Update title, subtitle, author name, and upload a custom cover image 8. Export Options – Download ebooks as PDF or Word (DOCX) files 9. Dashboard Management – View, edit, and delete ebooks in a professional grid layout 10. Responsive UI – Modern, mobile-friendly design built with Tailwind CSS 00:00 Demo of AI-Powered eBook Creator App Frontend Setup 09:47 Setting Up React App 12:35 Configuring Tailwind CSS v4.1 15:40 Creating Project Structure (Files & Folders) 17:41 Defining App Routes Backend Development 23:16 Backend Setup & Project Structure 27:12 Connecting to MongoDB 29:55 Creating User Schema 31:43 Creating Book Schema 34:25 Building Authentication APIs (Login, Signup, Get Profile Info, Update User) 45:47 Building eBook APIs (Create, Read, Update, Delete eBooks) 58:28 Building AI APIs (Generate eBook Outline, Generate Chapter Content) 01:06:52 Building Export APIs (Export as PDF or Word Document) Frontend (Continued) Landing Page 01:49:45 Navbar Component 02:00:49 Hero Section 02:11:23 Features Section 02:20:05 Testimonials Section 02:28:33 Footer Component Authentication Pages 02:42:28 Login Page 02:54:21 Signup Page Main Application 03:00:51 Dashboard Page 03:21:47 Create eBook Popup Modal 03:44:58 eBook Editor Page 04:33:32 eBook Meta Details Tab 04:40:22 View eBook Page 04:59:59 Profile Page Also, check out: Build a Full-Stack MERN Job Portal https://youtu.be/Z_SOG82eRiE Build a Modern Developer Portfolio with React https://youtu.be/31DUOF_toLQ #mernstack #ebookcreation #reactjs #nodejs #aiproject #googlegemini Follow us on : Instagram: https://www.instagram.com/timetoprogram/ For more updates, subscribe to your channel: https://www.youtube.com/channel/UCy6osK_bBJgvfeu8R1GGucw Please like, share, and subscribe for more videos like this. Thank You.
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
