Project Story: Smart Study Assistant

About the Project

The Smart Study Assistant is an AI-powered platform designed to help students quickly understand complex topics. The application provides concise summaries and relatable analogies for any topic pasted by the user, making learning more effective and engaging.

Inspiration

As a student myself, I often struggled to grasp difficult concepts quickly. I noticed that while summaries help, they sometimes fail to provide intuitive understanding. This inspired me to create a tool that not only summarizes but also explains concepts through analogies, helping students learn smarter, not harder.

What I Learned

• AI & APIs: I learned how to integrate Google Gemini API for text summarization and analogy generation.
  
• Backend Development: I built a Node.js server with Express to handle API requests.
  
• Frontend Development: I designed a simple yet interactive UI using HTML, CSS, and Tailwind CSS.
  
• Deployment: I learned how to deploy full-stack applications on Vercel and host static frontends.
  
• Problem-Solving: Handling asynchronous requests, error management, and API limitations was challenging but rewarding.

How I Built It

1. Backend:

   • Node.js with Express handles routes for summarization (/api/summarize) and analogy (/api/analogy).
     
   • Axios is used to communicate with the Gemini API.
     

2. Frontend:

   • HTML/CSS powered by Tailwind CSS provides a clean and interactive interface.
     
   • JavaScript fetches data from backend APIs and updates the UI dynamically.
     

3. Deployment:

   • Hosted the frontend on Vercel.
     
   • Connected the backend with environment variables for API keys securely.

Challenges Faced

• API Integration: Initially, incorrect API key usage and endpoint versions caused errors.
  
• UI Design: Making the interface visually appealing yet simple took several iterations.
  
• Deployment: Understanding environment variables and backend integration on Vercel required troubleshooting.
  

Future Improvements

• Add text-to-speech for summaries and analogies.
  
• Include topic categorization and quiz generation for better learning reinforcement.
  
• Implement user accounts and progress tracking.

Built With

• css
• express.js
• git
• github
• google-gemini-api
• html
• javascript
• node.js
• tailwind-css
• vanilla-js
• vercel