Inspiration
When was the last time you wore an outfit you felt proud of, but it never left the camera roll?
We noticed that people love expressing themselves through fashion, yet there wasn’t a simple, fun space dedicated to sharing everyday fits without overthinking or complicated posting flows. That question sparked the birth of FitCheck, a space where style becomes social, playful, and surprisingly competitive in the best way.
What it does
FitCheck is a social PWA where users can capture their outfits directly from their device camera, post them instantly, and receive ratings from the community. It transforms simple daily fits into moments worth sharing. Users can browse looks, rate styles, explore trends, and climb the leaderboard as their drip gets noticed. The platform is lightweight, fast, and designed for quick, satisfying interactions.
How we built it
- We developed FitCheck using Next.js and React for the frontend, combining component-driven design with smooth client-side transitions.
- The UI is styled using Tailwind CSS and shadcn/ui, giving us a clean, modern, and consistent design system.
- We designed and implemented a relational database with SQLAlchemy and PostgreSQL and developed RESTful CRUDL APIs for robust, scalable data handling across the frontend
Challenges we ran into
- Giving users camera access sounded simple... until it wasn’t. Different browsers handled permissions, autoplay rules, and camera streams differently.
- We also ran into merge conflicts due to rapid updates across multiple pages, resolving these required careful coordination and Git discipline.
- Styling the interface around dynamic elements like sliders, camera previews, and responsive layouts pushed us to redesign certain components multiple times.
Accomplishments that we're proud of
- We’re proud that FitCheck feels smooth, interactive, and genuinely fun to use.
- The camera page works cleanly across devices.
- The rating and leaderboard system adds a surprisingly addictive layer of engagement.
- Having a fully functioning fullstack project with with complex SQL queries to aggregate and connect data
- Developing our own authentication setup using JWT tokens and password hashing
- And most importantly, we built a functional, polished, and cohesive social experience within a short hackathon timeframe.
What we learned
- Creating and modifying a relational database using SQLAlchemy
- Using FastAPI to create efficient API endpoints for CRUD database operations
- Hosting backend system on AWS EC2
- Creating UI/UX with figma
What's next for FitCheck
Where does style go from here?
We want FitCheck to be more than just a feedback app. We plan to incorporate features such as google lens to identify cool pieces of clothing you see on your friends, and integrate ai with professional insights to give suggestions to complete your fit.
We envision FitCheck evolving into a richer social ecosystem with comments, personal profiles, AI outfit scoring, and curated style feeds. We want to enhance the camera workflow, introduce editing tools, and release community-driven fashion challenges.
The goal is simple: keep FitCheck fun, expressive, and competitive in a way that motivates users to keep sharing their best looks.
Built With
- amazon-web-services
- css
- fastapi
- html5
- javascript
- jwt
- nextjs
- psycopg
- python
- react
- shadcn
- sqlalchemy
- tailwind
- tailwindcss
Log in or sign up for Devpost to join the conversation.