Animated Feed Notification

This project is a dynamic and visually appealing real-time notification center built using React, ReactDOM, and the react-flip-toolkit for smooth animation transitions. It features a modular and modern design, utilizing ESM imports via CDN, and leverages the Faker.js library to generate realistic user data, including names, avatars (with emojis and unique background colors), and random notification messages. Notifications animate into view with a smooth scaling and blur-in effect, and are automatically cycled with a maximum of three visible at a time—older ones gracefully fading out and shrinking. The system is wrapped in a responsive, dark-themed UI built with semantic HTML and clean CSS animations, ensuring a professional, user-friendly experience. It’s ideal for simulating alert systems, onboarding cues, or in-app messaging interfaces in modern web applications.