BiasTrade is a full-stack marketplace MVP for K-pop photocard
trading. It focuses on secure authentication, image uploads, and
transaction workflows to help users trade with greater confidence in
a real-world marketplace environment.
This project explores how to combine a responsive frontend with
Supabase-powered authentication, storage, and row-level security
(RLS) to create a safer user-to-user trading experience.
Tech Stack
ReactNext.jsSupabaseAuthPostgreSQLStorageRLS
Architecture Diagram
ERD
System Flow
User signs up / logs in through Supabase Auth.
User uploads photocard images and creates listings.
Trading and transaction flows are handled end-to-end.
Storage policies and RLS protect user-owned data and media.
Key Features
Secure user authentication with Supabase Auth
Photocard image uploads using Supabase Storage
User-to-user marketplace for buying and selling photocards
Real-time data management with Supabase Postgres
Row-Level Security (RLS) for secure data access
My Contributions
Developed a full-stack marketplace MVP featuring user
authentication, photocard listings, image uploads, and trading
functionality.
Built the frontend using React and Next.js and implemented backend
services with Supabase.
Configured Supabase Auth, Storage, and Row-Level Security (RLS) to
secure user data and uploaded media.
Used AI-assisted development tools to speed up implementation,
debugging, and code refactoring.
Challenges
Designing a marketplace where authentication, image uploads, and
trading features worked together reliably.
Configuring Supabase Storage policies and RLS to ensure users
could only access and modify their own data.
Delivering an MVP within a limited timeframe while maintaining a
secure authentication and file upload workflow.
What I Learned
Gained practical experience building a full-stack application with
React, Next.js, and Supabase.
Learned how Supabase Auth, Postgres, Storage, and Row-Level
Security (RLS) work together to build a secure web application.
Improved my understanding of implementing authentication, file
uploads, and database access control in a real-world project.
Learned how AI-assisted development tools can improve productivity
during implementation and refactoring.
