Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine

[Home Page] - Display Notifications

Open
#3,000 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

difficult front-end
Dominant language
TypeScript
Stars
36
Forks
9
Avg merge
4d 21h
Merged PRs (30d)
11

Description

Description

We want it so that the first notification user’s unread notifications gets displayed. If the notification is X’d out, then remove it from the user’s unread notifications, and display the next notifications. The notification should appear in the top right corner of the screen on the homage. Include a small sliding in animation for when the notification appears. We will need hooks to the backend endpoints to get and remove notifications from a user’s unread notifications.

Acceptance Criteria
  • Notifications appear one at a time in the top right corner of the homepage
  • hooks for getting and removing notifications is created
Proposed Solution

This will take a lot of research and back-and-forth with a tech lead. For the hooks, take a look at some of the other hooks we have for reference.

Mocks

image
image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the homepage entry point and review existing hooks that access backend endpoints, using the attached mocks as the visual reference. Implement one-at-a-time unread notification display in the top-right, dismissal/removal, and the sliding-in animation. Done means both notification hooks exist and the acceptance criteria are met.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
backend, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.