Completed Frontend Simplified coursework
Building a larger application from a defined set of requirements.
Summarist was a Frontend Simplified coursework project that I completed and passed. I worked from supplied requirements, APIs, assets, and an existing visual starting point to implement the application flow in Next.js. This is education project work, not a product or site I own.
01 / The assignment
Turn the project brief into a working multi-page application.
The project required more than building individual components. I connected authentication, API data, routing, search, subscription-aware access, a player, library behavior, and user settings into one application.
02 / The challenge
Keep several user states and data flows working together.
A user can be logged out, signed in as a guest, signed in with an account, or using a premium demo state. Those states affect what they can open, save, play, and see in Settings. The work was making those pieces behave consistently instead of feeling like separate exercises.
The For You view brings together authenticated navigation, search, featured content, recommended books, ratings, and reusable book cards in the main application experience.
03 / What I implemented
The application work behind the project requirements.
- Email/password registration, login, logout, and guest access with Firebase Authentication
- Redux state for the shared authentication modal
- API-driven selected, recommended, and suggested book sections
- Debounced search by book title or author
- Dynamic book detail and player routes
- Access checks for free and premium content
- Audio player controls with progress, rewind, and forward behavior
- Firestore persistence for saved and finished books
- Library and settings views tied to the signed-in user
- Responsive sidebar behavior plus loading, error, empty, and logged-out states
04 / What this project shows
I can take a larger brief and connect the pieces into a usable application.
Summarist shows a different kind of work from PawCircle. I did not define the product or visual direction myself. The value is in following the project requirements, working through app state and authentication, connecting multiple routes and data sources, and debugging the flow until the pieces worked together.
For the public portfolio version, the subscription step uses a demo state rather than collecting real payment information. That keeps the access-gating behavior visible without presenting this coursework project as a live paid product.