Novel Forest is a web application created as part of TechNative Bootcamp Challenge 5 by Yash Magane, Ravind, and Tymur.
It’s a creative platform where users can generate novel ideas and browse a curated book store — all powered by APIs and built with HTML, CSS, and JavaScript.
The tagline: “The true spring of bloomingly good ideas.” 🌱✨
Check out the live website here:
🔗 Novel Forest Live Demo
Novel Forest consists of two main pages:
-
Ask the AI (Idea Generator)
- Users can enter a prompt, and the AI will generate five novel title suggestions with short descriptions.
- Powered by the Ask the AI API, which uses ChatGPT to return structured JSON responses.
-
Products Page (Book Store)
- Displays a list of books fetched dynamically from the Products API.
- Each book includes a title, description, image, price, and rating.
The project emphasizes front-end best practices, API integration, and creating a responsive, interactive website.
| Technology | Purpose |
|---|---|
| HTML | Semantic structure for all pages |
| CSS | Styling and responsive layout; CSS variables for consistency |
| JavaScript | API requests, dynamic content rendering, and interactive features |
| APIs | Ask the AI API for idea generation, Products API for book listings |
| Git & GitHub | Version control and collaboration |
| GitHub Pages & Vercel | Hosting the live site |
- AI Idea Generator — users enter a prompt and receive multiple novel ideas with titles and descriptions
- Dynamic Products Page — books loaded from API with images, descriptions, prices, and ratings
- Responsive Design — works seamlessly across desktop, tablet, and mobile viewports
- Semantic HTML & BEM Naming — structured, readable, and maintainable code
- Team Members: Yash, Ravind, Tymur
- Used GitHub Projects for Kanban task management
- Frequent feature branching and pull requests to avoid merge conflicts
- Slack and Google Meet for daily communication and coordination
- Modularized tasks and divided responsibilities to ensure parallel development without overlap
- Gained hands-on experience integrating APIs with front-end code
- Practiced modular JavaScript and maintainable code patterns
- Developed responsive design skills using CSS variables and BEM
- Experienced team collaboration workflows: Git branching, PR reviews, and communication
- Built a creative and functional project combining AI-driven content and e-commerce
- Yash Magane – Developer
- Ravind – Developer
- Tymur – Developer
