FriendsApp

FriendsApp is a web-based application built using vanilla JavaScript that helps users maintain meaningful social connections by tracking and managing recurring meetings with friends. The app implements the Model-View-Controller (MVC) pattern for robust architecture and maintainable code.

Try it now • GitHub

Features

• Dynamic friend management with real-time updates
• Customizable meeting schedules with periodicity settings
• Importance-based prioritization system
• Complete meeting history tracking
• Fully event-driven architecture
• Persistent storage using LocalStorage
• Interactive UI with confirmation dialogs
• Mobile-responsive design with gradient aesthetics

Technical implementation

The application is built using three core components:

Model (Friend management)

• Custom Friend class implementing complete CRUD operations
• History tracking system with state management
• Local storage integration for data persistence
• Event-based state updates

View (User Interface)

• Dynamic DOM manipulation for real-time updates
• Form validation and user input handling
• Interactive buttons for friend management
• History visualization with custom styling
• Responsive design with gradient backgrounds

Controller (Business logic)

• Event-driven communication between Model and View
• Centralized state management
• Clean separation of concerns
• User action handling and data flow control