NoteMate
AI study planner & productivity dashboard
The Challenge
Integrating complex, responsive schedules and draggable boards with real-time AI generation can slow down browser main loops and expose secure keys on the client-side.
Engineering Solution
Built NoteMate with React and Vite using Context API for structured CRUD. Draggable sticky notes leverage React Draggable, while the AI Study Planner delegates prompts securely to an Express server proxy that invokes the NVIDIA API, returning instant markdown schedules.
Key Product Capabilities
AI Study Planner generating structured, customized academic calendars using NVIDIA API prompts.
Draggable sticky notes that persist position coordinates and color codes across active browser sessions.
Comprehensive note management featuring archive categories, color-coded filters, and JWT-secured routes.
Code Implementation
// Node.js backend route calling NVIDIA API securely to generate study plans
const express = require('express');
const axios = require('axios');
const router = express.Router();
router.post('/generate-study-plan', async (req, res) => {
const { subject, duration, goal } = req.body;
try {
const response = await axios.post(
'https://integrate.api.nvidia.com/v1/chat/completions',
{
model: 'meta/llama3-70b-instruct',
messages: [{
role: 'user',
content: 'Generate a study plan for ' + subject + ' over ' + duration + ' to achieve: ' + goal + '. Output clean markdown.'
}],
temperature: 0.7
},
{
headers: {
'Authorization': 'Bearer ' + process.env.NVIDIA_API_KEY,
'Content-Type': 'application/json'
}
}
);
res.json({ studyPlan: response.data.choices[0].message.content });
} catch (err) {
console.error(err);
res.status(500).json({ error: 'AI generation service unavailable' });
}
});Technologies Used
Direct Actions
Architecture Stack
Renders note folders, handles draggable session storage coordinates, and routes authenticated dashboards.
Validates JWT session credentials and acts as a gateway to external AI model endpoints.
Processes text prompts server-side to generate optimized educational study calendars.
Saves notes, sticky layout indices, and archived structures linked to user profiles.