Luke Liasi profile picture
Luke Liasi Open to Work

Projects

Welcome to my portfolio, featuring a selection of personal projects I've developed alongside my professional experience. These projects reflect my passion for coding and exploring new ideas. Be sure to check out my professional work experience for more examples of what I do.

Additional projects not listed here, such as client work, can be shared upon request.

WillenHouse Student Housing

A full-stack application for managing student housing bookings, with a focus on complex UI/UX requirements.

The frontend, developed with React.js, features a dynamic booking system with time-limited room holds, instalment payment options, and automated invoice generation. State management and real-time feedback were implemented to ensure a smooth and intuitive user experience.

The backend, built with Node.js and Express, includes a REST API to handle reservations, payments, and user authentication using JWT. It also powers an admin panel for managing room bookings, payments, and system configurations. PostgreSQL is used for data storage, while the application is hosted on AWS with integrations for email and payment processing.

Key Features and Achievements

  • Dynamic UI/UX: Implemented a time-limited room reservation system with real-time updates.
  • Payment Options: Designed and integrated instalment payments and PDF invoice generation.
  • Email Automation: Utilised messaging queues to handle automated notifications for bookings, invoices, and payment reminders, ensuring consistency and efficiency.
  • Scalable Infrastructure: Hosted on AWS for reliability and scalability.
  • Backend Logic: Built a REST API with Node.js and Express to manage reservations, payments, and user authentication using JWT. Designed endpoints for retrieving user information and developed an API to support an admin panel for handling room bookings, payments, and system settings.
  • Data Management: Used PostgreSQL to store and manage data for room availability, user details, and payment records.
JavaScript TypeScript React HTML CSS Node.js PostgreSQL AWS
WillenHouse Student Housing showcase

Coinconomics Cryptocurrency Data Aggregator

A Next.js web application providing users with cryptocurrency pricing and market data through an intuitive interface.

Built with React.js and Next.js, this application fetches and displays cryptocurrency price data and market information. It uses Redis to cache API responses, reducing external API calls and avoiding rate limits. Content management is handled through SanityCMS for news posts and updates.

The application features server-side rendering for improved performance and SEO, with a clean UI for viewing market trends and price charts.

Key Features and Achievements

  • Redis Caching: Implements Redis to cache API responses, reducing third-party API calls and providing instant data access for users
  • Content Management: Uses SanityCMS, a headless CMS, to handle news posts and content updates
  • Data Visualisation: Implements charts, tables and indicators for market data display
JavaScript TypeScript React Next.js HTML CSS SanityCMS Redis
View Project
Coinconomics Cryptocurrency Data Aggregator showcase

Developer Portfolio Template Open Source
32

An open-source portfolio template, based on a previous version of my personal website.

This project represents the last open-source iteration of my personal website, designed with a focus on simplicity, minimal dependencies, and efficient customisation. It provides a straightforward foundation for developers looking to showcase their skills and projects.

My current website has since been developed into a closed-source version with additional features, but this earlier version remains open for the developer community. It's been steadily used and appreciated on GitHub for its simplicity and practicality.

Key Features and Achievements

  • Built with Astro: A lightweight and modern static site generator designed for efficient development and smooth deployment.
  • Responsive Layout: Works seamlessly across all devices.
  • SEO Optimised: Uses clean HTML and metadata to improve search visibility.
  • Easy Deployment: Compatible with static hosting platforms like GitHub Pages and Netlify.
  • Community Recognition: Open-source project with steady usage and positive feedback on GitHub.
JavaScript TypeScript Astro HTML CSS
View Project View Source Code
Developer Portfolio Template showcase

Quince Players

A website for a theatrical society, built to manage and showcase shows, blog posts, and more with ease.

Built using Node.js, Express, and EJS, the website is powered by Directus, a headless CMS that provides content via its API. Pages are rendered server-side using EJS as the templating language, with TailwindCSS providing a modern and responsive frontend design. The decoupled architecture ensures flexibility and scalability for both content editors and developers.

The website is optimised for performance and SEO, with clean markup, efficient server-side rendering, and metadata handling. Content editors can easily manage current, upcoming, and past shows, blog posts, and additional pages through the Directus CMS.

Key Features and Achievements

  • Headless CMS: Powered by Directus, enabling structured data management and API-driven content delivery.
  • Dynamic Server-Side Rendering: Uses EJS to generate pages with real-time data from Directus for shows, blog posts, and static pages.
  • Modern Frontend: Styled with TailwindCSS for a responsive, lightweight, and clean user interface.
  • SEO and Speed Optimisation: Designed for fast load times and improved search engine visibility through server-side rendering and efficient queries.
JavaScript TypeScript Node.js Directus PostgreSQL HTML CSS TailwindCSS Redis
View Project
Quince Players showcase