This project is a simplistic clone of Discogs - database of information about music artists, albums, labels, and genres.
I have built it with the aim to dive deep into React and make a "real-world" application with authentication and realtime database provided by Firebase.
This is the first project when I decided to start with a design prototype in Figma. Initially started with main and profile pages I added other pages later with mobile-first concept in mind.
Inspired by Adam Wathan's and Steve Schoger's book Refactoring UI I have set a simplified design system for myself, sets of options for font-sizes, colors and sizing scale. That made styling process much easier and as a result more consistent design.
for unauthenticated users:
for authenticated users only: