BadgerChat

A small frontend project enabling real-time communication in various chatrooms.

Screenshot

BadgerChat screenshot

Tech Stack

React
Bootstrap
Vite

Project Details

Implemented user authentication with registration, login, logout, and session persistence using context API and sessionStorage, ensuring seamless user experiences

Built message posting, pagination, and deletion features with fetch API, enforcing role-based access control and efficient state management using React Hooks (useState, useEffect, useContext)

Ensured form validation and accessibility by integrating regular expressions, semantic HTML, and labeled form controls, improving security and user experience