Real world projects developed from scratch.
Explore my latest projects, built using React, Next.js, TypeScript, and Tailwind CSS. Each project is meticulously crafted to deepen my expertise with various libraries and APIs. Performance metrics for these projects have been thoroughly analysed using Lighthouse.
Tech4Solutions
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.
Currency Calculator App
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.
Modern Portfolio Mock Up
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.
Ted Faker
Developed a sophisticated web application 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.
Charts-Api
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.
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.
Scraping-app2
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.
Scraping-app
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