The app is a real-time chat application named Pucs, designed to facilitate instant messaging and communication among users. It allows users to join conversations, send messages, and interact with others in a user-friendly environment. To use the app, users first need to log in by entering a username and selecting or generating an avatar. Once logged in, they can access the chat room where they can send text messages or emojis, view messages from other users, and see who is currently online. The app also features a typing indicator to show when other users are typing. The application is built using React and TypeScript, leveraging various modern web technologies such as Next.js for server-side rendering and routing, and Tailwind CSS for styling. It utilizes local storage to save user data and chat messages, ensuring a seamless experience even after page refreshes. The app also incorporates hooks for managing notifications and page visibility, enhancing user engagement. Key features of the app include: - Theme provider for light and dark mode support. - A message input component that allows users to send text and emojis. - A message list that displays chat history with timestamps and user avatars. - A user list that shows online users and indicates who is currently typing. - Notification settings that enable users to receive alerts for new messages, even when the app is not in focus. - A notification prompt that encourages users to enable notifications for a better experience. - Responsive design that adapts to different screen sizes, ensuring usability on both desktop and mobile devices. Overall, Pucs aims to provide a modern and engaging chat experience, making it easy for users to connect and communicate with friends and communities.
No tags
Last Updated June 30, 2025
