🎓 Notebook — PDF Course Builder (Frontend)

Notebook is a sleek, AI-powered frontend built with Next.js and scaffolded using Vercel’s v0.dev. It connects seamlessly to the backend to let users convert PDFs into full-fledged online courses — complete with modules, summaries, and key takeaways.

---

🌐 Live Project

• 🔗 Frontend Live: notebook.bhoral.com
• 🔗 Backend API: notebook-backend.bhoral.com
• 🔗 Backend GitHub: NoteBook-Backend
• 📖 API Documentation (Theneo): Theneo Docs

---

🧩 Features

• 📤 Upload PDFs to generate interactive courses
• 🧠 AI-generated modules with summaries and key points
• 📚 Dashboard with user-created course list
• 🔍 Explore each course module in detail
• 📝 Export course as a Markdown file
• 🔐 Secure login and JWT-based session handling
• 🖼 Built using modern component libraries via v0.dev

---

🛠️ Tech Stack

• Framework: Next.js (App Router)
• UI: Tailwind CSS + shadcn/ui
• Generated By: v0.dev (Vercel’s AI-powered UI generation)
• API Communication: Axios or Fetch
• Auth: JWT (Bearer Token)

---

🔗 Backend API Integration

Notebook Front-End consumes the following endpoints (documented in Theneo):

🔐 Authentication

• POST /api/users/register – Register a new user
• POST /api/users/login – Login and receive JWT
• GET /api/users/profile – Retrieve user profile

📚 Course Management

• GET /api/courses/my-courses – List user's courses
• POST /api/courses/create-from-file – Upload PDF and generate course
• GET /api/courses/:id – Retrieve full course with modules
• GET /api/courses/:id/export/markdown – Export course as Markdown

📘 Explore full API docs at Theneo

---

🧪 Local Development

1. Clone the repo

git clone https://github.com/vinayaksandilya/NoteBook-Front-End.git
cd NoteBook-Front-End

2. Install dependencies

npm install

3. Set environment variables

Create a .env.local file in the root:

NEXT_PUBLIC_API_BASE_URL=https://notebook-backend.bhoral.com
# or for local use:
# NEXT_PUBLIC_API_BASE_URL=http://localhost:3000

4. Run the development server

npm run dev

Visit http://localhost:3000 to use the app.

---

📦 Available Scripts

• npm run dev – Start local development server
• npm run build – Build for production
• npm start – Run production server

---

🤝 Contributing

We welcome contributions! Here's how:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/your-feature)
3. Commit your changes
4. Open a pull request

Please follow the existing code style and ensure all API integrations work with the backend.

---

🧭 Roadmap

• MultiFile Course Generation
• Quiz generation from course content
• Multi-language support
• LMS integration (e.g. Moodle, Teachable)

---

⚖️ License

This project is licensed under the MIT License. Feel free to use, modify, and distribute.

---

🙏 Credits

• Next.js – React Framework
• Tailwind CSS – Utility-first CSS
• shadcn/ui – UI components
• v0.dev – AI UI scaffolding by Vercel
• Theneo – Interactive API documentation

---

“Bring your PDFs to life — create, consume, and share knowledge in minutes.” 🚀

---