Multilingual Website Development Built a high-performance multilingual website using Next.js for server-side rendering and routing, integrated Next.js Intl for seamless internationalization and localization, and styled with Tailwind CSS for a fully responsive and modern UI. The entire design system was crafted in Figma, ensuring pixel-perfect implementation and design consistency across all supported languages and devices.
Hotel Booking Website A full-stack hotel booking platform built with Next.js for fast, SEO-optimized frontend performance and Express.js with MongoDB for a scalable backend. The system allows users to browse, filter, and book hotels with real-time availability updates, secure authentication, and intuitive user dashboards. Admins can manage hotel listings, bookings, and user profiles through a dedicated backend interface. Designed for performance, responsiveness, and user-friendliness across devices.
Property and Project Listing Website A modern, full-stack platform for listing, browsing, and managing real estate properties and development projects. Built with Django as the robust backend for secure data handling and Next.js as the fast, SEO-friendly frontend framework. The site allows users to search and filter listings, view detailed project information, and manage their profiles through intuitive dashboards. Designed to support real-time updates, listing expirations, and responsive performance across all devices.
Property Landing Page A high-converting, responsive landing page designed to showcase a single property or real estate development. Built with Next.js for lightning-fast performance and Django for backend content management, it features rich visuals, interactive image galleries, embedded maps, and clear calls to action. Perfect for lead generation, virtual tours, and presenting key highlights such as pricing, location, and amenities—all optimized for SEO and mobile-first experiences.
The National Science and Maths Quiz (NSMQ) The National Science and Maths Quiz is an annual, content-based academic competition focused on science and mathematics for senior high schools in Ghana. It aims to promote STEM education, foster healthy academic rivalry, and celebrate intellectual excellence across the nation. Recognized as one of the most prestigious contests in Ghana’s educational calendar, NSMQ inspires students to pursue careers in science and technology through intense, knowledge-driven challenges.
AI Legal Chatbot System An intelligent AI-powered chatbot built with FastAPI and React, leveraging fetch streaming for seamless real-time communication. Designed to work with legal documents, the system uses a vector database to embed and search across PDF files—primarily laws and regulations. It not only answers user queries based on existing legal PDFs but can also generate new documents by synthesizing information from previous ones. Each response is backed by source references retrieved through vector-based semantic search, ensuring accuracy and traceability.
Property Landing Page A modern, visually engaging landing page designed to highlight a single real estate property or development. Built for maximum impact, it features high-resolution imagery, interactive galleries, detailed descriptions, pricing, location maps, and contact forms. Optimized for performance with Next.js and powered by Django on the backend, this page ensures fast load times, SEO-friendly structure, and mobile responsiveness. Perfect for showcasing residential or commercial listings and driving qualified leads.
Excavator Rental & Marketplace Platform A comprehensive platform built to serve the heavy equipment industry—connecting users for all excavator-related needs. The platform allows users to rent excavators, rent out their machines, buy and sell excavators, and trade spare parts with ease. Excavator Rental & Marketplace Platform A comprehensive platform built to serve the heavy equipment industry—connecting users for all excavator-related needs. The platform allows users to rent excavators, rent out their machines, buy and sell excavators, and trade spare parts with ease.
Skincare Website A beautifully designed, responsive skincare website built with React, offering a seamless user experience and elegant interface. It showcases skincare products, routines, and expert advice with smooth navigation, vibrant visuals, and interactive components. Optimized for speed and mobile accessibility, the site helps users explore, learn, and shop for skincare solutions effortlessly—all in a clean, modern design that reflects the brand’s focus on wellness and beauty.
Charity Website A heartfelt and user-friendly website designed to support charitable causes and drive community impact. Built with a clean and accessible interface, it allows visitors to learn about initiatives, make donations, volunteer, and track the impact of their contributions. Featuring powerful storytelling, real-time donation tracking, and seamless integration with payment gateways, this site is optimized to inspire action and build trust. Fully responsive and performance-driven, it helps charities connect with supporters across all devices.
Digital Solution Landing Page A modern, high-impact landing page designed to showcase innovative digital solutions and services. Built with cutting-edge technologies for fast performance and smooth user experience, it highlights key features, benefits, and case studies with engaging visuals and clear calls to action. Optimized for SEO and mobile responsiveness, this landing page effectively converts visitors into leads by emphasizing value propositions and seamless navigation.
Professional FastAPI, Express JS, NEXT JS, React JS, and Vue JS developer. Highly skilled in coding
Tracks code changes, ideal for version control and CI/CD flow.
Python’s async API framework with Swagger/OpenAPI built-in.
Containers for shipping apps with all dependencies included.
Popular CSS framework used in dashboards and static websites.
Styling core of the frontend. I mostly use Tailwind CSS for speed.
Stateless token-based authentication ideal for cross-domain apps.
Full-stack React framework with SSR, API routes, and routing.
JavaScript runtime powering backend frameworks and tooling.
Clean, elegant syntax. Used in API, automation, and scripting.
Meta’s UI library, powering most interactive web frontends today.
High-performance reverse proxy server for APIs and static files.
NoSQL database storing JSON-like docs. Great for flexibility.
Easy-to-learn reactive framework with readable HTML-like syntax.
Query language for structured data and relational databases.
Adds types to JavaScript, reducing runtime errors and bugs.
Linux OS used as my default environment on all deployments.
Utility-first CSS that speeds up building clean UIs efficiently.
Hosts codebases, manages issues, and automates deployments.
Google toolset for auth, DB, and hosting in frontend/mobile apps.
Classic DOM-manipulation library still found in legacy projects.
Semantic HTML is key for SEO and accessibility in modern websites.
Scripting language for dynamic web apps, essential in full-stack dev.
One of the best tools for user interface prototyping.
Powerful vector design tool with intuitive, easy-to-learn interface for creating logos, illustrations, and graphics.
Skilled in real-time communication using Socket.IO for live updates and chat.
Proficient in PostgreSQL for designing, querying, and managing relational databases.
Skilled in MySQL for building and managing relational databases efficiently.
Experienced with SQLite for lightweight, file-based database management.
Skilled in Redis for fast, in-memory data storage and caching.
# Advanced Bash: Functions, loops, and error handling #!/bin/bash set -euo pipefail # strict mode # Function to check if a command exists command_exists() { command -v $1 >/dev/null 2>&1 } # Function to install a package (example) install_package() { local pkg=$1 if ! command_exists $pkg; then echo "Installing $pkg..." sudo apt-get update && sudo apt-get install -y $pkg else echo "$pkg is already installed." fi }
Bash – A powerful command-line shell and scripting language used to automate tasks, manage files, and control system processes in Unix-like environments.
/* Advanced CSS: Variables, animations, grid, and pseudo-classes */ :root { --primary-color: #4ec9b0; --secondary-color: #569cd6; --bg-color: #1e1e1e; } button { background: var(--primary-color); border: 2px solid var(--secondary-color); }
CSS – A style sheet language used to design and visually enhance web pages. It controls layout, colors, fonts, and responsive design, making websites engaging and user-friendly.
# Example Docker Compose file version: "3.8" services: web: image: "nginx:alpine" ports: - "8080:80" volumes: - "./html:/usr/share/nginx/html" environment: NGINX_PORT: 80
Docker Compose – A tool for defining and managing multi-container Docker applications using a single YAML file. It simplifies running, linking, and scaling services, making development and deployment consistent and efficient.
# Ignore directories node_modules/ # Ignore logs *.log # Ignore environment files .env # Ignore editor configs .vscode/ # Ignore sensitive files secrets.json
.gitignore – This file specifies intentionally untracked files to ignore in a Git repository. It helps keep the project clean by excluding sensitive information, environment files, dependencies, and build artifacts from version control. Using .gitignore ensures that only relevant source code and assets are tracked, preventing accidental commits of unnecessary or confidential files.
# /etc/systemd/system/fastapi.service [Unit] Description=Gunicorn instance to serve FastAPI app After=network.target [Service] User=www-data Group=www-data WorkingDirectory=/var/www/myfastapi Environment="PATH=/var/www/myfastapi/venv/bin" Environment="APP_ENV=production" Environment="SECRET_KEY=supersecret" ExecStart=/var/www/myfastapi/venv/bin/gunicorn \ -k uvicorn.workers.UvicornWorker \ -w 4 \ -b 0.0.0.0:8000 \ app.main:app \ --timeout 120 \ --access-logfile /var/log/fastapi/access.log \ --error-logfile /var/log/fastapi/error.log Restart=always RestartSec=3 [Install] WantedBy=multi-user.target
Gunicorn – A Python WSGI HTTP server for running web applications. It serves Python web apps (like Flask or Django) efficiently in production by handling multiple requests concurrently, improving performance and reliability. Gunicorn acts as a bridge between your Python application and the web, ensuring smooth and scalable deployment.
<!-- Advanced HTML: Semantic elements, forms, and accessibility --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Advanced HTML Example</title> </head> <body> <header> <h1>Welcome to Advanced HTML</h1> </header> </body> </html>
HTML – The standard markup language for creating web pages. It structures content with elements like headings, paragraphs, links, images, and forms, forming the backbone of every website.
// Advanced JavaScript: Async generator + closures + functional programming // A function that returns a closure to create a delay const createDelay = (ms) => () => new Promise(resolve => setTimeout(resolve, ms)); // Async generator that yields numbers with a delay async function* asyncNumberGenerator(limit, delay) { const wait = createDelay(delay); // closure for (let i = 1; i <= limit; i++) { await wait(); // pause asynchronously yield i; } } // Functional utility: map over async generator async function asyncMap(generator, fn) { const results = []; for await (const value of generator) { results.push(fn(value)); } return results; } // Using the async generator (async () => { const gen = asyncNumberGenerator(5, 500); // yield numbers 1 to 5 with 500ms delay const squaredNumbers = await asyncMap(gen, x => x * x); // square each number console.log(squaredNumbers); // [1, 4, 9, 16, 25] })();
JavaScript – A versatile programming language used to create dynamic and interactive web applications. It runs in the browser and on the server (Node.js), enabling features like responsive interfaces, API interactions, and real-time updates.
// Example JSON: User profile with nested objects and arrays { "name": "Santo", "age": 29, "isDeveloper": true, "skills": [ "JavaScript", "Python", "Vue.js" ], }
JSON – A lightweight data format used for storing and exchanging structured data. It’s easy to read and write for humans and machines, commonly used in APIs and configuration files.
# Markdown Example **Bold Text** and *Italic Text* ## Code Block `console.log("Hello Markdown");` ## Blockquote > This is a blockquote in markdown ## List Example - Item 1 - Nested Item ## Links [OpenAI](https://openai.com)
Markdown – A lightweight markup language used to format text in a simple, readable way. It’s commonly used for documentation, README files, and notes, allowing easy conversion to HTML or other formats.
# Advanced NGINX: Reverse proxy, caching, gzip, and security headers user www-data; worker_processes auto; pid /run/nginx.pid; include /etc/nginx/modules-enabled/*.conf; events { worker_connections 1024; } http { sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types_hash_max_size 2048; include /etc/nginx/mime.types; default_type application/octet-stream; # Gzip compression gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; # Logging access_log /var/log/nginx/access.log; error_log /var/log/nginx/error.log; # Security headers add_header X-Frame-Options "SAMEORIGIN"; add_header X-Content-Type-Options "nosniff"; add_header X-XSS-Protection "1; mode=block"; # Server block server { listen 80 default_server; server_name example.com www.example.com; root /var/www/html; index index.html index.htm index.nginx-debian.html; location / { try_files $uri $uri/ =404; } # Reverse proxy for API location /api/ { proxy_pass http://127.0.0.1:3000/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } # Error pages error_page 404 /404.html; location = /404.html { internal; } error_page 500 502 503 504 /50x.html; location = /50x.html { internal; } } }
NGINX – A high-performance web server and reverse proxy that handles static content, load balancing, and caching. It efficiently serves web applications and APIs, improving speed, scalability, and reliability.
# Advanced Python: Async generator + closures + functional programming import asyncio # Closure for delay def create_delay(ms): async def delay(): await asyncio.sleep(ms / 1000) return delay # Async generator async def async_number_generator(limit, delay_ms): wait = create_delay(delay_ms) for i in range(1, limit + 1): await wait() yield i # Functional utility async def async_map(generator, fn): results = [] async for value in generator: results.append(fn(value)) return results # Using the async generator async def main(): gen = async_number_generator(5, 500) squared_numbers = await async_map(gen, lambda x: x * x) print(squared_numbers) # [1, 4, 9, 16, 25] asyncio.run(main())
Python – A high-level, versatile programming language known for its readability and simplicity. Used for web development, data analysis, automation, AI/ML, and more, Python enables rapid development and clean, maintainable code.
-- Advanced SQL: Window functions, CTEs, and conditional aggregation WITH SalesCTE AS ( SELECT SalesPersonID, Region, SUM(SalesAmount) AS TotalSales, ROW_NUMBER() OVER (PARTITION BY Region ORDER BY SUM(SalesAmount) DESC) AS RankInRegion FROM Sales WHERE SaleDate >= '2025-01-01' GROUP BY SalesPersonID, Region ) SELECT SalesPersonID, Region, TotalSales, CASE WHEN TotalSales > 100000 THEN 'Top Seller' ELSE 'Regular Seller' END AS SellerCategory FROM SalesCTE WHERE RankInRegion <= 3 ORDER BY Region, TotalSales DESC;
SQL – A standard language for managing and querying relational databases. It allows creating, reading, updating, and deleting structured data efficiently, powering web applications and data-driven systems.
// Advanced TypeScript: Generics, Enums, and Async Functions enum Status { Pending = "PENDING", Success = "SUCCESS", Error = "ERROR" } type Result<T> = { status: Status; data?: T; error?: string; }; async function fetchData<T>(url: string): Promise<Result<T>> { try { const response = await fetch(url); if (!response.ok) throw new Error("Network error"); const data: T = await response.json(); return { status: Status.Success, data }; } catch (err: any) { return { status: Status.Error, error: err.message }; } } // Usage with Generics (async () => { const result = await fetchData<{ id: number; name: string }>("https://jsonplaceholder.typicode.com/users/1"); if (result.status === Status.Success) { console.log(result.data?.name); } else { console.error(result.error); } })();
TypeScript – A strongly typed superset of JavaScript that adds type safety and modern features. It helps catch errors early, improves code maintainability, and scales large web applications efficiently.
Hi, I'm Santo, a versatile full-stack developer passionate about building scalable, performant web applications.
I specialize in modern frameworks and technologies like Next.js, React, Express.js, FastAPI, and API development. I'm skilled in databases including MongoDB, MySQL, PostgreSQL, Redis, and SQLite.
My workflow thrives on Linux environments like Ubuntu, and I'm experienced with server setups using NGINX, Let's Encrypt, and GitHub workflows.
I'm committed to writing clean, efficient code and delivering seamless digital experiences that drive real-world impact.
