Find your next event.
Track the trends. Stay connected.
The Meet App is a cutting-edge serverless progressive web application that revolutionizes how users discover and engage with local events. Built with modern React architecture and powered by Google Calendar API integration, this application delivers real-time event data with stunning data visualizations and seamless offline capabilities. Leveraging AWS Lambda functions for serverless backend operations and OAuth2 authentication for secure access, the Meet App provides users with an intuitive platform to search events by city, customize their viewing preferences, and access detailed event information—all while maintaining lightning-fast performance through advanced caching and PWA technologies that work beautifully across any device or platform.
Project Objective
The goal of the Meet App is to revolutionize event discovery by providing users with a seamless, intelligent platform to find and explore local events effortlessly. Built with a rigorous Test-Driven Development (TDD) approach to ensure reliability and performance, the app delivers a comprehensive event management experience with features like:
- Smart city-based event search – Discover events in any location with intuitive filtering
- Flexible event browsing – Customize your view with expandable event details and adjustable display counts
- Offline accessibility – Access previously viewed events without an internet connection through advanced caching
- Native app experience – Install directly to your home screen for instant, app-like access
- Visual insights – Interactive charts and data visualizations to explore event trends across cities and categories
- Real-time synchronization – Stay updated with live event data from Google Calendar API
- Cross-platform compatibility – Enjoy consistent performance on any device or browser
Whether you’re planning your next adventure, looking for local networking opportunities, or simply staying connected with your community, the Meet App transforms event discovery from a chore into an engaging, data-driven experience.
Technologies used
- React 18.3.1 – Provides a component-based architecture with modern hooks (useState, useEffect) for efficient state management, dynamic rendering, and seamless user interactions across the event discovery interface
- Vite – Delivers lightning-fast development server with hot module replacement, optimized build processes, and modern JavaScript bundling for enhanced developer experience and production performance
- JavaScript ES6+ – Leverages modern features including async/await for API calls, destructuring, arrow functions, template literals, and module imports for clean, maintainable code architecture
- Google Calendar API & OAuth2– Integrates secure authentication flow and real-time event data fetching from Google Calendar services with proper token management and user authorization
- AWS Lambda & Serverless Framework – Implements serverless backend architecture with Node.js 18.x runtime for scalable, cost-effective API endpoints handling authentication and event data processing
- Jest & Testing Library– Ensures application reliability through comprehensive unit testing, integration testing, and behavior-driven development with React component testing utilities
- Puppeteer – Enables end-to-end testing automation with headless Chrome browser testing for complete user workflow validation and cross-browser compatibility
- Jest-Cucumber – Implements Gherkin-style acceptance testing for behavior-driven development, ensuring features meet user story requirements with human-readable test scenarios
- Service Workers & PWA – Provides offline functionality, background data caching, app installation capabilities, and progressive web app features for native-like mobile experience
- ESLint – Maintains code quality and consistency with automated linting rules, React-specific guidelines, and modern JavaScript best practices enforcement
- Babel – Ensures cross-browser compatibility by transpiling modern JavaScript and JSX syntax to widely supported browser-compatible code
- GitHub & Git – Manages version control, collaborative development workflow, and automated deployment pipeline with continuous integration practices
- Recharts/D3.js – Delivers interactive data visualizations and charts for event analytics, providing users with insightful graphical representations of event data trends
Thoughts on the project
I really enjoyed learning how to take simple event lists and turn them into attractive visual charts. It makes such a difference for the user—instead of scrolling through endless text, they can just take a quick peek at the charts to see exactly what’s happening around them at a glance.
