iiitl / iiitl/Local-Link

Implement Toast Notification System for User Feedback

Open
#2 1 comment 0 reactions 0 assignees View on GitHub
Easy good first issue
Dominant language
JavaScript
Stars
1
Forks
6
PR merge metrics
No merged PRs in 30d

Description

### **Description:**
Add a toast notification system to the website to provide feedback on user actions (e.g., successful form submission, error handling, or item deletion).

**Requirements:**

- Create a reusable Toast component (e.g., in /components/toast).
- Implement toast variants: success, error, info, and warning.
- Implement auto-dismiss functionality (e.g., disappear after 3-5 seconds).
- Ensure toast notifications appear in the top-right or bottom-right corner.
- Add basic styling/animations for appearing and disappearing.
- (Optional) Add a close button to the toast.

Deliverables:

- A functional toast container and component.
- Using toast in different parts of the application.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing the existing website structure and the /components/toast location mentioned in the issue. Define a reusable Toast component and container with success, error, info, and warning variants, positioning, auto-dismiss behavior, and basic animations. Done means the container works and toast notifications are used in different parts of the application.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.