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,
requestcontext, 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
- css
- fastapi
- html
- neondb
- postgresql
- python
Log in or sign up for Devpost to join the conversation.