-
Landing page
-
Transform Into Multiple AI Applications
-
Quick Templates, Select and Review
-
Code Reviewer
-
Email Assistant
About Nova AI: Nova AI is a reusable Gemini-powered starter that lets you chat with AI in a premium SaaS UI. Swap prompts and branding to turn it into a chatbot, resume analyzer, study assistant, interview coach, code reviewer, and more — without rebuilding the whole app.
How I built it: Scaffolded a React + Vite app and styled it with Tailwind CSS Organized code into pages, components, hooks, services, and constants Connected Google Gemini through a reusable gemini Service and .env API key Added chat features: sessions, markdown, code highlighting, dark mode, and templates Designed a premium glassmorphism UI and prepared it for GitHub + Netlify deploy
Benefits: Learn full AI app building with React, Vite, Tailwind, and Gemini One reusable template can become many AI products by changing prompts Premium UI ready for hackathons, demos, and portfolios Saves time — no need to rebuild chat, history, markdown, or error handling Helps students create useful tools (study, resume, interview, code review) Easy to run locally and deploy to Vercel/GitHub
Limitations: Gemini API key is used on the frontend (VITE_*), so it is not fully private Free Gemini plans can hit rate limits/quota during heavy use Chat history is saved only in the browser (localStorage), not across devices No user login, cloud sync, or team collaboration yet No file upload (PDF/resume) or streaming replies yet Needs internet + a valid Gemini API key to work
What we learned from today: How to build a reusable AI app with React, Vite, and the official Gemini SDK How prompts, services, and UI can stay separate so one codebase becomes many AI products How to handle API keys, model errors, and chat UX (history, markdown, dark mode)
Conclusion Nova AI shows that students can build a real, reusable AI product with clean architecture and a premium UI. By combining React and Gemini, one starter template can power many useful apps for learning, career, and hackathons. With future upgrades like secure backend keys, streaming, and file upload, it can grow from a strong demo into a production-ready AI toolkit.
Built With
- google-gemini-api-key
- highlight.js
- javascript
- react
- react-(vite)
- react-icons
- react-markdown-+-remark-gfm
- tailwind-css
