Real world projects developed from scratch.

Moment Invite is a specialised SaaS platform built with React, Next.js, and TypeScript, designed to deliver modern, responsive event websites for weddings, baptisms, birthdays, and corporate celebrations with integrated guest management capabilities. The frontend leverages Framer Motion for smooth animations including interactive countdown timers, while the architecture utilizes Node.js backend services, Supabase for real-time database operations and secure authentication, Stripe for secure payment processing across premium template purchases and subscription tiers. Core features include a comprehensive smart RSVP system with automated response management, table seating arrangements, and dietary preference tracking, a live photo gallery enabling real-time guest photo sharing with secure cloud storage, interactive Google Maps integration providing directions to ceremony venues and reception locations with parking information, a digital gift registry system with direct bank transfer capabilities and gift card options, and multi-language support.

FlowOrganiser is a production-ready SaaS platform built with React, Next.js, and TypeScript on the frontend, leveraging Framer Motion for smooth animations and delivering a fully responsive, mobile-optimized user experience. The backend architecture utilizes Node.js with Supabase for real-time database management and authentication, Baserow for flexible data organization, and Stripe for secure subscription management across three pricing tiers. The platform consolidates essential business operations into nine integrated modules: an appointment scheduling system with automated email confirmations and 12-hour reminders, a professional invoicing suite featuring multi-currency support and white-labeled PDF generation with cloud storage, a comprehensive CRM with unlimited contact records and CSV export capabilities, real-time inventory control with low-stock alerts, dynamic QR code generation for appointment bookings, a color-coded calendar with advanced event tagging, Kanban-style task management with drag-and-drop functionality, financial analytics dashboards with visual budget tracking, and weather intelligence API integration for location-based forecasting. Key technical implementations include real-time data synchronization across all modules, custom branded booking URLs (yourname.bookapp.com), public searchable professional profiles with instant booking capabilities, scalable architecture handling unlimited records at the Professional tier, and a sophisticated search system allowing customers to discover and book service professionals by category and location.

Built using React, Next.js, TypeScript, Motion and Tailwind CSS, the site features a clean and modern design, optimised for performance and responsiveness, with five pages enhanced by smooth animations for an engaging user experience. Key features include multi-language support through Next.js internationalisation, an interactive modal to display two surveys for gathering user feedback, and integration with Supabase for secure and scalable backend services, including user authentication and data management. Additionally, a contact form allows for easy communication, with all submissions securely stored and handled via Supabase real-time database. The site is hosted with a custom domain managed through Cloudflare for enhanced security and performance. I also integrated Vercel Analytics to monitor site traffic and user interactions for continuous improvement. This project exemplifies my ability to create dynamic, user-friendly web applications that cater to diverse audiences, while leveraging cutting-edge technologies for scalability and security.

An AI-driven content creation platform that enables businesses, creators, and agencies to generate viral social media content and designs in minutes instead of hours. The system supports multiple content formats — posts, carousels, reels, stories, shorts, and long-form LinkedIn articles and automatically adapts tone and style based on selected brand contexts. By combining large language models with a canvas-based design editor, the platform generates both the copy and the visuals, allowing users to preview, customise, save, and export ready-to-publish assets. A fully integrated Telegram bot extends the experience beyond the web app, supporting voice and text input, multilingual interaction, and context-aware content generation.Technologies used: Next.js 14, TypeScript, Tailwind CSS, Framer Motion,GPT 4 mini, Next.js API Routes, OpenAI APIs, Supabase, Design: Polotno SDK, Deployment: Vercel. Github on request.

A full-stack web application that enables researchers to upload, explore, and analyze genomic variant data using AI-driven natural language queries. The platform supports standard genomic formats (VCF / VCF.GZ / 23andMe) and provides interactive visualizations across chromosomes, population-level comparisons, and AI-assisted variant filtering. By translating plain-English questions into database queries, the tool removes the need for complex scripting and accelerates genomic analysis workflows. Built with React, Vite, Tailwind CSS, FastAPI, PostgreSQL, and OpenAI APIs, the project demonstrates the integration of modern web technologies with applied AI in computational biology. Public datasets from the 1000 Genomes Project were used to validate functionality and scalability. Github on request.

This project highlights a heritage-inspired luxury salon platform designed with React, Next.js, TypeScript, and Framer Motion. The visual direction blends champagne, bronze, and rose tones with elegant typography and spacious layouts to create a warm, timeless aesthetic. Key features include a 30-year heritage timeline, award highlights, and multi-generational stylist profiles that reinforce trust and legacy. The design incorporates marked image placeholders for hero visuals, historical photos, stylist portraits, and transformation galleries, making the structure easily customizable.The experience includes refined service listings, an elegant booking form, a rotating testimonial section, and an interactive timeline. Smooth scrolling, parallax effects, and hover animations elevate the sense of craftsmanship and premium service. GITHUB on request.

Built with React, Next.js, TypeScript, and Framer Motion, the design focuses on soothing motion, organic gradients, and a timeless sense of healing and renewal.The hero section features floating animated gradient shapes, smooth opacity transitions, and a soft earth-tone palette inspired by nature (sage green, lavender, and warm rose). Interactive CTAs and a responsive image layout create an inviting first impression that feels like entering a modern wellness sanctuary.The Wellness Journey Timeline is fully animated, using scroll-triggered motion, alternating layouts, hover scaling, and a vertical gradient line that animates into view. Each milestone blends storytelling with visuals, reinforcing the spa’s 30-year legacy and holistic philosophy. Additional details like subtle hover effects, smooth transitions, balanced typography (serif for elegance, modern sans-serif for clarity), and warm neutral backgrounds all support a premium, therapeutic brand experience. This project demonstrates my ability to blend front-end engineering with atmospheric design, animation timing, and wellness-inspired UI principles. GITHUB on request.

A high-end landing page for a private stylist, built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, designed to communicate exclusivity, privacy, and premium service. The UI uses a dark luxury palette with luminous gradient accents, an interactive spotlight-follow cursor, and layered animated backgrounds to give the page a modern, high-status feel. The layout incorporates animated hero sections, service cards with tier-based motion effects, smooth scroll reveals, FAQ, and a highly polished booking form optimized for professional users. All components are fully responsive and architected with reusable TypeScript patterns for maintainability. This project highlights my ability to deliver elegant visual design, refined micro-interactions, and performant UI engineering, combining thoughtful motion design with clean component structure and pixel-precise styling. GITHUB on request.

This project showcases a high-end booking platform built with React, Next.js, TypeScript, and Framer Motion, designed to mirror the feel of an exclusive luxury brand. The UI features dynamic gradient backgrounds, glassmorphism surfaces, mouse-tracking effects, and smooth motion transitions that create a polished, immersive visual experience. Testimonials from high-status clients and clear credibility markers reinforce trust and authority. The platform includes a sophisticated booking flow with a visual availability calendar, scarcity-based time slot indicators, and a sleek pricing summary. Auto-rotating testimonials, scroll-triggered animations, and responsive design contribute to a seamless user journey. GITHUB on request.

The Gentleman’s Club is a refined, heritage-inspired barbershop website built with Next.js, React, and TypeScript, designed to merge a classic aesthetic with a modern, high-performance UI. The interface uses Framer Motion for subtle motion, interactive transitions, and a glowing cursor-reactive ambient background that reinforces the premium, vintage-luxury theme. The layout is fully responsive and crafted with Tailwind CSS, combining deep gradients, layered lighting effects, and polished typography to give the site an atmospheric, lounge-like feel. Users can explore services, view barber profiles, learn about the shop’s century-long heritage, and book appointments through a smooth, step-by-step form enhanced with real-time UI states and clean component architecture. The build emphasizes maintainable code structure, reusable components, and modern front-end patterns, focusing on delivering a high-end, immersive experience that feels both traditional and contemporary. GITHUB on request.

This project presents a premium restaurant and bar experience built with React, Next.js, TypeScript, and Framer Motion, emphasizing high-end visual design and smooth interactive UX. The interface includes a full-screen animated hero, parallax effects, hover-driven navigation, and a polished dark/amber color system inspired by luxury London venues. Key features include an interactive multi-category menu (starters, mains, cocktails, wine), a gallery with animated overlays, and a private events section using responsive grid layouts. The reservations flow combines form validation, date/time pickers, dropdowns, and a clean two-column layout optimized for usability. Throughout the site, I implemented scroll-triggered animations, custom styling, smooth transitions, and a floating “Book Table” CTA for enhanced conversion. This mockup demonstrates my ability to build sophisticated, responsive, visually rich front-end experiences tailored for premium brands. GITHUB on request.

This project delivers a high-energy nightlife experience for a trendy Shoreditch venue, built with React, Next.js, TypeScript, and Framer Motion. The design uses bold neon gradients, animated backgrounds, rotating text effects, and lightweight video elements to create an immersive, youth-driven interface. Key interactive features include animated feature cards, multi-tab food and drink menus, event cards with date badges, Instagram-style gallery hover states, and a modern booking form with reviews and badges. Floating action buttons, custom neon scrollbars, gradient hover effects, and smooth motion transitions contribute to a vibrant, responsive UI. The project highlights my ability to build fast, visually expressive, social-media-ready front-end experiences with strong animation, theming, and component structure tailored for modern hospitality brands. GITHUB on request.

This project showcases an immersive, thematic dining experience built with React, Next.js, TypeScript, and Framer Motion. The interface begins with an interactive password gate featuring hints, shake-error animations, and atmospheric transitions to establish a mysterious Victorian-Gothic tone. The design uses deep purples, blacks, and amber accents with floating particle effects, animated symbols, and stylized typography to create a cinematic, occult-inspired environment. Sections include animated room showcases, interactive potion cards, a thematic menu (“The Grimoire”), and a secret-society membership area with dynamic UI states. This project highlights my ability to build highly immersive, animated, theme-heavy front-end experiences that combine advanced UI interactions with strong visual identity and narrative-based design. GITHUB on request.

This project brings a haunted Victorian pub experience to life using React, Next.js, TypeScript, and Framer Motion. The interface combines interactive paranormal elements with traditional British pub aesthetics, including floating ghosts, candle flicker animations, fog effects, and era-specific time travel navigation. Key interactive features include a real-time ghost detector widget, animated historical timeline, haunted beverage menu with paranormal side effects, and resident ghost profiles with selectable stories. Additional interactivity includes themed booking forms, floating animations, and time-portal transitions. Visually, the design uses a dark amber and purple palette, ornate patterns, serif typography, and atmospheric textures to create an authentic Gothic-Victorian feel. This project demonstrates my ability to build immersive, themed front-end experiences with advanced animations, responsive layout, and playful yet atmospheric UI interactions. GITHUB on request.

This project is a futuristic, cyberpunk-themed restaurant interface built with React, Next.js, TypeScript, and Framer Motion. The experience opens with a boot-sequence animation, progress bars, and system messages, introducing a fully tech-driven aesthetic inspired by operating systems and sci-fi UI. Key features include a digital menu system styled as MENU.JSON, interactive command-line contact section, glitch effects, code-rain animations, real-time system status indicators, and a cyber-styled ordering flow with crypto payment options. Menu items use software-inspired naming, technical specs, and loading-bar spice levels for a playful, thematic experience. Throughout the interface, I implemented animated scan lines, grid backgrounds, glitch text, responsive file-tab navigation, and a working mini-terminal with typed commands. This project demonstrates my ability to build highly interactive, themed, animation-heavy UIs while maintaining clean component structure, performance, and responsiveness. GITHUB on request.

This modern personal portfolio mockup, built using Next.js and Tailwind CSS, showcases a sleek and responsive design ideal for professionals and creatives. It features dynamic glowing spinning border cards that highlight skills or services with engaging animations, interactive and social buttons. The responsive grid layout ensures adaptability across devices, while the dark-themed color scheme with purple accents exudes a professional aesthetic. Bold, scalable typography and smooth hover effects enhance usability and visual appeal.

A modern dental landing page built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, focused on clean UI, strong visual hierarchy, and smooth micro-interactions. The design features animated trust indicators, real-time dynamic elements, responsive layouts, optimised images and polished motion throughout. Reusable TypeScript components, scroll-triggered animations, and glass-morphism UI touches help create a premium, conversion-focused experience. Fully responsive, accessible, and built for performance, this project showcases my ability to deliver modern, professional front-end interfaces with attention to detail and user engagement. GITHUB on request

A professionally styled dental practice landing page built with Next.js, React, TypeScript, Tailwind, and Framer Motion, focused on trust, clarity, and accessibility. The design uses a conservative navy-and-slate palette, clean typography, and structured layouts to create a polished, authoritative look suitable for a medical practice. I implemented a tabbed services interface, credential-rich doctor profile components, and a fully detailed contact/scheduling form with validation and multiple input types. Subtle animations enhance usability without compromising the professional tone. The site is fully responsive, and optimized for readability, making it ideal for showcasing front-end expertise in building reliable, credibility-driven interfaces for real-world businesses. GITHUB on request

A high-end executive dental concierge landing page built with Next.js, React, TypeScript, Tailwind, and Framer Motion, designed specifically for elite business owners who value time, privacy, and exclusivity. The interface centers around bold messaging, minimal black-and-gold aesthetics, and motion that conveys luxury without unnecessary flair. The design emphasizes ultra-premium UX: large typography, generous spacing, discreet micro-interactions, and a streamlined 60-second scheduling component optimised for fast decision-making. Special elements such as global service indicators, privacy-focused messaging modules, and C-suite social proof displays are structured with reusable components and responsive layouts tailored for all devices. This project demonstrates my ability to craft digital experiences that communicate prestige and efficiency through front-end architecture, motion design, and conversion-focused UI patterns. It showcases a balance of luxury branding, modern framework use, and refined user experience tailored for a niche, high-status audience. GITHUB on request

A luxury dental landing page designed with Next.js, React, TypeScript, Tailwind, and Framer Motion, focused on minimalist elegance and high-end visual storytelling. The interface features refined typography, floating gradient animations, and a clean monochromatic palette enhanced with subtle gold accents. Key interactive elements include a fully custom before/after slider, smooth hover transitions, modular treatment cards, and a multi-step booking form with animated progress indicators. The layout uses generous whitespace, soft motion, and a mobile-first approach to create a premium, boutique-like user experience. This project demonstrates my ability to build polished, upscale interfaces with reusable components, thoughtful UI patterns, and a strong emphasis on motion, responsiveness, and modern front-end architecture. GITHUB on request

A clean, modern landing page for a solo dentist designed with a professional yet friendly aesthetic. The hero section pairs a high-quality portrait with Greek localized messaging, highlighting credentials and specialties to establish immediate trust. The layout is fully responsive and built with reusable components, smooth Framer Motion animations, and a strong visual hierarchy. Core services are presented through interactive cards with pricing, hover effects, and clear CTAs. A rotating testimonial carousel adds social proof, while a multi-step contact form with validation and service selection improves conversion and usability. Trust element certifications, academic background, technology badges are organised into a dedicated section for clarity. The entire experience is optimized for performance, accessibility, and clean UX, with semantic markup, mobile-first design, and carefully placed CTAs. Overall, this project demonstrates the ability to build polished, conversion-focused medical interfaces with strong localization, refined UI, and modern front-end engineering practices. GITHUB on request

A modern, professional landing page for a solo dentist built with React, Next.js, TypeScript, Tailwind, and Framer Motion. The design features a light, elegant aesthetic with soft gradients, glassmorphism effects, and floating geometric elements, creating a premium, approachable medical interface. Advanced animations include scroll-triggered reveals, parallax backgrounds, rotating logos, and morphing text gradients, all enhancing interactivity without compromising performance. Core section services, testimonials, and contact use interactive cards, counters, and multi-step forms optimised for conversion and usability. The layout is fully responsive, mobile-first, and accessibility-conscious, with semantic markup, clear visual hierarchy, and strategically placed CTAs. This project highlights the ability to deliver a polished, trust-focused front-end experience that balances professional credibility, engaging UI, and modern front-end architecture. GITHUB on request

A dark, luxury-themed dental landing page built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, designed to evoke exclusivity and sophistication. The interface uses a deep slate-to-purple background as a foundation, accented with soft gradient highlights and floating blur elements for a modern, ambient brand feel. Interactive features — animated gradients, floating background shapes, hover effects, and smooth transitions — create a polished, high-end user experience. Key UI components such as hero banners, service cards, and booking buttons are built with responsive, reusable components and optimized for performance. This mockup demonstrates my ability to craft elegant, immersive front-end experiences that combine visual design, motion, and modern architecture for premium-brand digital products. GITHUB on request

A high-impact landing page for a tech startup lawyer, built with React, Next.js, TypeScript, Tailwind, and Framer Motion. The design uses a dark, futuristic UI with animated circuit patterns, floating tech icons, glowing gradient orbs, and dynamic metric counters to create a strong tech-forward identity. The hero section features live-status indicators, a typing-animation headline, and motion-enhanced stat blocks. Services are presented in an interactive grid with hover-activated gradients, while the “Recent Wins” component cycles through deals using smooth Framer Motion transitions. A fully responsive layout, optimized animations, and a polished contact form demonstrate modern frontend execution tailored to fast-scaling startup environments. GITHUB on request

A soft, empathetic landing page for a family-law attorney, designed with React, Next.js, TypeScript, Tailwind, and Framer Motion. The interface uses a warm pink-to-purple gradient theme, rounded components, and gentle micro-animations to convey trust and emotional support. The design includes a welcoming hero section with animated badges, a clear services overview, a scrolling testimonials carousel, and a user-friendly contact form with validation and interactive elements. Framer Motion adds floating icons, fade-ins, and subtle scale effects that enhance the calm, human-centered feel of the page. Fully responsive across mobile and desktop, the layout uses accessible color contrast, mobile-first navigation, and smooth transitions to create a supportive, positive UX—ideal for showcasing modern front-end skills in a compassionate practice setting. GITHUB on request

Polished, high-end landing page for a top-tier M&A lawyer, built with React, Next.js, TypeScript, Tailwind, and Framer Motion. The design features a light, sophisticated color palette with subtle gradients, geometric background patterns, and animated floating elements that convey professionalism and trust. The hero section showcases dynamic deal metrics, credentials, and profile highlights, using motion-driven floating badges and smooth transitions. Practice areas and services are presented in clean grids with hover and blur effects, while recent transactions and testimonials leverage interactive, scroll-animated components. Fully responsive layouts, motion-enhanced CTA buttons, and carefully layered gradient accents demonstrate modern, client-focused frontend execution for high-value corporate branding. GITHUB on request

A polished attorney landing page built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, designed for a boutique, client-focused aesthetic. Features include animated hero metrics, floating badges, scroll-based reveals, and responsive card layouts for practice areas. Soft amber gradients and subtle motion create a warm, trustworthy feel while keeping performance and accessibility in mind. This project showcases clean UI structure, thoughtful micro-interactions, and a conversion-focused contact flow. GITHUB on request

A soft, empathetic landing page for a family-law attorney, designed with React, Next.js, TypeScript, Tailwind, and Framer Motion. The interface uses a warm pink-to-purple gradient theme, rounded components, and gentle micro-animations to convey trust and emotional support. The design includes a welcoming hero section with animated badges, a clear services overview, a scrolling testimonials carousel, and a user-friendly contact form with validation and interactive elements. Framer Motion adds floating icons, fade-ins, and subtle scale effects that enhance the calm, human-centered feel of the page. Fully responsive across mobile and desktop, the layout uses accessible color contrast, mobile-first navigation, and smooth transitions to create a supportive, positive UX—ideal for showcasing modern front-end skills in a compassionate practice setting. GITHUB on request

This project showcases a modern, community-focused coffee shop interface built with React, Next.js, TypeScript, and Framer Motion. The design emphasizes warm, inviting visuals with an amber-to-orange gradient palette, clean typography, and interactive status indicators to reflect real-time shop hours. Key front-end features include a responsive hero section with animated gradient text, live open/closed badge with pulsing indicator, call-to-action buttons with hover effects, and smooth staggered fade-in animations. The menu system highlights signature drinks, classic coffee, and fresh food with interactive tabs and visually engaging pricing displays. Additional sections incorporate customer reviews, event listings, and a community-driven story section, all designed with responsive grids, subtle hover animations, and gradient-accented components. The navigation adapts to scroll position with a blurred backdrop, shadow, and animated buttons for a polished, user-friendly experience. GITHUB on request.

Developed a sophisticated project leveraging React and Next.js for server-side rendering and optimised performance. Utilised TypeScript for robust type-checking and enhanced code quality. Implemented a responsive and modern UI using Tailwind CSS, ensuring seamless user experience across devices. Performance test audits with Lighthouse, achieving high scores in performance, accessibility, and best practices.

A minimalist barber studio website built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, designed around clean geometry, neutral tones, and intentional negative space. The interface emphasizes simplicity and precision, mirroring the studio’s “less is more” philosophy. The services section features custom shine animations that slide across each card on hover, adding subtle sophistication without breaking the minimalist aesthetic. Motion is used sparingly but effectively—micro-interactions, soft fades, and directional reveals enhance clarity while keeping the UI calm and structured. The layout is fully responsive, with a lightweight component architecture, accessible navigation, and a streamlined booking flow. Typography, spacing, and composition were carefully tuned to create a balanced, modern visual identity. This project showcases minimalist UI design, high-quality motion work, and strong front-end engineering, blending simplicity with refined detail. GITHUB on request.

UrbanEdge is a high-energy barbershop website built with Next.js, React, and TypeScript, designed to capture a bold, street-culture aesthetic through a dynamic and expressive user interface. The project uses Framer Motion extensively for motion-driven interactions, hover micro-animations, scroll-based reveals, and responsive animated backgrounds that follow mouse movement to create an immersive, urban “neon-grid” atmosphere. The UI is styled with Tailwind CSS, combining gradient overlays, grid patterns, glowing color effects, and strong typography to reflect the brand’s street-inspired identity. The site includes fully interactive service cards, animated hero sections, barber profiles, a gallery view, and a structured booking flow—each component built as modular, reusable React components. The experience is optimized for performance, accessibility, and responsiveness across all devices. Layered lighting effects, dynamic color pulses, and hover-driven animations enhance engagement without compromising load speed or clarity. The design system and component architecture emphasize maintainability, consistent styling, and fluid user interactions, resulting in a polished modern interface that merges culture, personality, and precision UI craftsmanship. GITHUB on request.

Admin dashboard built with React, Next.js and Tailwind CSS, featuring a sidebar navigation with four main sections. It integrates various APIs to display dynamic content. APIs with Bar, Line, and Pie Charts from recharts, Weather API Integration, Data Fetch API from CSV, Spotify API Integration and a calendar.

The Currency Calculator is a full-stack application for currency conversion and management. The backend, built with Node.js and SQLite3, provides secure REST API endpoints for conversions, CRUD operations, and authentication using JWT. The React.js frontend features a user-friendly interface for currency conversion, dynamic rate updates, and currency management. Styled with Tailwind CSS, the app ensures seamless API interaction and robust performance with Jest-tested backend functionality.

Created a dynamic single page application featuring fluid animations and advanced scroll functionalities. Used React to manage the application state and implemented CSS animations for a visually appealing experience. Ensured smooth scrolling and interactive elements using modern JavaScript techniques. Employed Tailwind CSS for streamlined styling and responsive design.

Built with Next.js, TypeScript, Puppeteer, and ShadCN/UI, this web scraping application efficiently extracts structured business data while bypassing bot detection using the Stealth plugin. It supports multi-page navigation, dynamically follows pagination, and ensures robust error handling to prevent crashes or data loss.The scraper extracts key details such as business name, address, occupation, email, website, and phone number from multiple listing formats, normalizing the data for consistency. The extracted data is processed, structured, and exported as a CSV file, ensuring compatibility with various data analysis tools. Localhost use only.

Sudoku Game is a modern and interactive puzzle-solving experience built using Next.js and Tailwind CSS. The game dynamically generates solvable Sudoku boards, providing an engaging challenge for amateur, intermediate, or advanced players. The design features a dark-themed gradient background with smooth animations and a structured layout, ensuring a visually appealing and user-friendly experience. The game also includes options to reset the board, generate a new puzzle, or solve the current one, making it a well-rounded and polished web-based Sudoku experience.

This Data Scraper application built for extracting structured business information. The backend leverages Playwright for headless browser automation, enabling dynamic data extraction, pagination handling, and robust error management. The frontend, built with React and styled using Tailwind CSS, provides a clean and responsive interface for initiating scrapes, viewing company details, and exporting results as a CSV file. Playwright-powered scraping ensures accurate data retrieval, while Next.js API routes handle seamless server-side processing. This project built for testing my skills and it scraps only www.eop.gr on localhost