PITCH Presentation ---> https://youtu.be/EL3v3puFZAk

Inspiration

The inspiration for StudySphere came from noticing how s student resources are today.
Some students use notes apps, others rely on messaging groups, and many valuable materials get lost or forgotten.
We wanted to build a unified, modern platform where students can store, organize, search, and share knowledge in one place.

Our goal was simple:
Create a clean, fast, and reliable productivity tool built specifically for students.


What it does

StudySphere provides students with a streamlined workspace that includes:

Key Features

  • Dashboard —> clean overview of user activity
  • Note Creation —> write and save notes instantly
  • File Attachments —> upload documents to your notes
  • Secure Authentication —> login/signup with encrypted credentials
  • Search System —> find notes by keywords in title or content
  • Fully Scalable Architecture —> ready to support many users
  • Cloud-Based Storage —> powered by NeonDB & FastAPI

StudySphere makes keeping track of schoolwork and study materials simple and intuitive.


How we built it

StudySphere was built using a modern and efficient stack:

Backend

  • FastAPI for high-performance, async-based API handling
  • SQLAlchemy ORM for safe and structured database access
  • NeonDB (PostgreSQL) for scalable cloud data storage
  • JWT Authentication with python-jose
  • Argon2 password hashing via Passlib
  • Static files + Jinja2 templates for clean templating

Frontend

  • HTML/CSS (Glassmorphic design)
  • Responsive and accessible UI

Infrastructure

  • Organized project structure
  • Upload directory for user files
  • Static routing for assets and attachments

Every component was built modularly so the platform can grow in the future.


Challenges we ran into

Building StudySphere came with several technical challenges:

  • Handling secure JWT authentication with cookies
  • Ensuring file upload + file deletion works safely on the server
  • Building a search system that returns correct results for each user
  • Designing a consistent glassmorphic UI across devices
  • Debugging issues with route conflicts, request context, and SQLAlchemy
  • Cloudflare tunneling altering UI behavior unexpectedly
  • Resetting database tables after accidental deletion

Each challenge taught us a better way to design scalable web systems.


Accomplishments that we're proud of

  • Building a fully functional note-taking web platform from scratch
  • Implementing secure login and signup workflows
  • Designing a beautiful, modern, glassmorphic UI
  • Creating a reliable backend with FastAPI + SQLAlchemy
  • Making file uploads and deletions work seamlessly
  • Deploying the platform publicly
  • Maintaining a clean, understandable codebase

Most importantly, we created a tool that genuinely improves students’ productivity.


What we learned

Throughout development of StudySphere, we gained experience with:

  • Structuring a scalable FastAPI project
  • Working with SQLAlchemy models, sessions, and migrations
  • Handling static assets, uploads, and routing safely
  • Using JWTs securely within HTTP-only cookies
  • Designing modern UI layouts with CSS and Glassmorphism
  • Debugging real-world backend and frontend integration issues
  • Thinking like product designers, not just developers

StudySphere pushed us to become better full-stack developers.


What's next for StudySphere

We have ambitious plans to expand StudySphere beyond notes:

Upcoming Features

  • User-to-user note sharing
  • Folder-based note organization
  • A dedicated Subjects & Courses section
  • A collaborative study group system
  • Notification system
  • Profile customization

StudySphere is just beginning our vision is to become the all-in-one productivity hub for students.


Built With

Share this project:

Updates