Nametag is a personal relationships management application that combines contact tracking, relationship visualization, journaling, and synchronization capabilities. Built with Next.js 16, React 19, and TypeScript, it features a modular architecture with API routes, Prisma ORM with PostgreSQL, and extensive third-party integrations including Stripe for billing, Resend for email, and CardDAV for address book synchronization. The application offers both self-hosted and SaaS deployment options with tiered feature access (FREE/PERSONAL/PRO). Key architectural strengths include isolated utility modules, consistent API patterns, soft delete implementation, and comprehensive testing coverage. The codebase demonstrates modern development practices with attention to security, internationalization, and data privacy.
Sightline is a Next.js web application for discovering and analyzing real-world infrastructure using OpenStreetMap data. It provides a search interface that accepts natural language queries (e.g., 'telecom towers in karnataka') or structured syntax (e.g., 'type:telecom operator:airtel region:karnataka'). The application uses Nominatim for geocoding to convert location queries to bounding boxes, then queries the Overpass API for matching OSM assets. Results are displayed on an interactive Leaflet map with marker clustering and in a filterable list. The architecture features a clean separation between frontend React components, backend API routes for search and geocoding proxying, and utility libraries for query parsing, caching, and API interactions. The application implements proper rate limiting, timeout handling, fallback API endpoints, and efficient caching to respect external service limits while providing a responsive user experience.
This repository is a personal portfolio website built with Next.js 14, React, and TypeScript. It features a blog section with MDX-powered articles sourced via Contentlayer, a projects showcase, and a responsive UI built with Chakra UI. The application uses static site generation (SSG) for optimal performance and includes client-side search functionality for articles and projects. Key architectural elements include the Next.js app router, file-based routing, and a modular component structure separating layouts, UI components, and data utilities. The site implements modern web development practices such as dark/light theme support, image optimization with blur placeholders, analytics integration (Vercel and Google Analytics), and error monitoring via Highlight. Content is sourced from MDX files in the data/articles directory and static JSON files for projects and publications. The build process leverages Next.js's incremental static regeneration (ISR) capabilities through Contentlayer, ensuring content updates without full rebuilds. Notable reusable components include a custom BlurImage component that enhances perceived performance by showing a blurred placeholder during image loading, and a Callout component for styling informational, warning, and error messages in MDX content. Both components are decoupled from specific business logic and demonstrate solid encapsulation patterns suitable for extraction into other projects.
This repository is a translation management platform for the React documentation website (react.dev). It provides tools to create new translation repositories, automatically sync changes from the source documentation to translation forks, and displays a dashboard tracking translation progress across language teams. The architecture consists of Node.js scripts for backend operations (creation and synchronization) and a Next.js application for the frontend dashboard. Key entry points include the create-translation.js script for setting up new translations, sync-translations.js for periodic synchronization (triggered via GitHub Actions), and the Next.js web interface for viewing progress. The system relies on GitHub API for repository management, Vercel for deployment, and uses a scheduled workflow to keep translations updated with upstream changes.
Munia is a full-stack social media web application built with Next.js 14, React 18, and TypeScript. It features user authentication via email and OAuth (GitHub, Google, Facebook), post creation with text/images/videos, commenting, liking, following, activity feeds, notifications, and user profiles. The architecture uses Next.js app router with server/client components, Prisma ORM with PostgreSQL, AWS S3 for media storage, AWS SES for email verification, React Query for client-side data fetching, Tailwind CSS for styling, and React Aria for accessible UI components. Key entry points include Next.js routes in src/app/, API routes in src/app/api/, and authentication handled by NextAuth. Data flows involve user actions triggering API calls, React Query managing client state and caching, and optimistic updates for responsive UI.