Key Responsibilities

  • Frontend Architecture: Developed the full UI using React and Material UI, ensuring the notification stream was responsive and accessible.
  • State Management: Implemented logic to handle different user states, specifically managing the Login/Logout flow within the notification dropdown.
  • Error Handling: Created a robust error handling system to gracefully display API failures or network issues to the user without breaking the UI.

Collaboration & API Integration

While the backend APIs were built in Go by a teammate, I played a hybrid role of Developer and QA during the integration phase.

  • API Consumption: Integrated RESTful endpoints to fetch, read, and delete notifications.
  • Integration Testing: I actively tested the Go APIs as they were being developed. When I encountered inconsistencies or bugs in the response data, I documented them and created detailed tickets (Jira/GitHub) for the backend engineer.
  • Feedback Loop: This process ensured that the frontend and backend remained in sync and that edge cases were caught early in development.

Screenshots

Sign In

Notification Sign In

Expanded

Notification Expanded

Mark All As Read

Notification Read

Vice

Notification Vice

Zero Unread Notifications

Notification Zero