My name is

Jason Lay

And this is my Portfolio

Main File Manager Tools
github-icon git-icon npm-icon netlify-icon

Some good quotes

“Life is like riding a bicycle. To keep your balance, you must keep moving.” - Albert Einstein

“You should learn the terrain, pick a direction, find some good travelling companions, and enjoy the trip, because there may be nothing at the end of the road.” - Jonathan Haidt

“The desire for more positive experience is itself a negative experience. And, paradoxically, the acceptance of one's negative experience is itself a positive experience.” - Mark Manson

Technologies & Skills

Languages

html-icon

HTML5

Standard markup language for web pages. Defines structure and content for websites and web applications.

css-icon

CSS3

Style sheet language for describing presentation of HTML documents. Handles layout, colors, fonts, and responsive design.

JavaScript-icon

JavaScript

High-level programming language for interactive web pages. Core technology of the web used by over 90% of websites.

Python-icon

Python

Versatile programming language for web development, data science, and automation. Known for readable syntax and extensive libraries.

PHP-icon

PHP

Server-side scripting language for web development. Powers dynamic websites and handles backend operations effectively.

C-Sharp-icon

C#

Object-oriented programming language developed by Microsoft. Used for desktop applications and .NET framework development.

C-icon

C

General-purpose programming language known for efficiency and control. Commonly used in embedded systems, operating systems, and low-level programming.

Frameworks & Libraries

React-icon

React

Popular JavaScript library for building user interfaces. Component-based architecture for efficient and scalable web apps.

NodeJS-icon

Node.js

JavaScript runtime for server-side programming. Enables building scalable network applications with non-blocking I/O.

sass-icon

Sass

CSS preprocessor that extends CSS with variables, nesting, and mixins. Reduces repetition and improves maintainability.

Bootstrap-icon

Bootstrap

CSS framework for responsive web design. Provides pre-built components and grid system for rapid development.

jQuery-icon

jQuery

JavaScript library for simplified DOM manipulation. Streamlines HTML traversal, event handling, and AJAX interactions.

Express-icon

Express.js

Minimalist web framework for Node.js. Simplifies building robust APIs and web applications with middleware support.

ThreeJS-icon

Three.js

JavaScript library for 3D graphics in the browser. Creates immersive 3D experiences using WebGL technology.

Django-icon

Django

High-level Python web framework for rapid development. Includes ORM, authentication, and admin interface out of the box.

Databases

MySQL-icon

MySQL

Popular relational database management system. Reliable for storing and managing structured data in web applications.

PostgreSQL-icon

PostgreSQL

Advanced open-source relational database. Known for reliability, data integrity, and support for complex queries.

SQL-icon

SQL

Standard language for managing relational databases. Essential for querying, updating, and managing data.

Hosting & Operating Systems

Heroku-icon

Heroku

Cloud platform for deploying and managing web applications. Supports multiple languages with easy scaling.

Linux-icon

Linux

Open-source operating system widely used in servers. Essential for development, deployment, and system administration.

Azure-icon

Azure

Microsoft's cloud computing platform. Provides services for hosting, databases, and enterprise solutions.

Tools & Platforms

Git-icon

Git

Distributed version control system for tracking code changes. Essential for collaborative development and code management.

VSCode-icon

VS Code

Lightweight code editor with extensive extensions. Powerful IDE for modern web development across all languages.

npm-icon

npm

Package manager for JavaScript and Node.js. Manages project dependencies and shares reusable code packages.

Docker-icon

Docker

Platform for containerizing applications. Ensures consistent development and deployment across different environments.

Webpack-icon

Webpack

Module bundler for JavaScript applications. Optimizes assets and manages dependencies for production deployment.

Design & Collaboration

Figma-icon

Figma

Collaborative design tool for UI/UX work. Cloud-based platform for creating wireframes, prototypes, and designs.

GitHub-icon

GitHub

Web-based platform for version control and collaboration. Hosts repositories and facilitates team development workflows.

Trello-icon

Trello

Project management tool using boards and cards. Organizes tasks and tracks project progress visually.

Jira-icon

Jira

Agile project management platform for software teams. Tracks issues, sprints, and development workflows efficiently.

Additional Technologies

TypeScript-icon

TypeScript

Typed superset of JavaScript for safer code. Catches errors during development and improves code maintainability.

REST-API-icon

REST APIs

Architectural style for web services. Enables communication between client and server using HTTP methods.

JSON-icon

JSON

Lightweight data format for data exchange. Standard format for APIs and configuration files in web development.

SocketIO-icon

Socket.IO

JavaScript library for real-time, bidirectional communication between clients and servers. Simplifies WebSocket implementation.

about__img--1 about__img--2

Who am I?

“I'll be back”

Programming is something I love doing. I love learning about many things from different areas of study, namely physics, biology, and especially in the field of technological developments.

I love reading and listening to audiobooks, and I often times find myself enjoying communicating with others about philosophy and "sci-fi" or "outer worldy" topics.

Quality communication with others is also somethings I often try to adhere to, but to find out more about me, please do consider downloading my CV down below.

My Projects
Squid-Game heart-icon
Squid Game Three.js

An immersive online multiplayer game inspired by Squid Game, built with Three.js and WebSocket technology. This project showcases advanced 3D graphics, real-time networking, and game mechanics. Players compete in the iconic Red Light, Green Light game with smooth animations and responsive controls in a fully 3D environment.

Meditate-App heart-icon
Meditate App

A calming meditation application designed to help users practice mindfulness and relaxation. The app features ambient sounds, customizable timers, and a peaceful user interface. Built with JavaScript, it demonstrates effective use of audio APIs and modern web design principles to create a serene digital meditation experience.

Three-Amigos-Restaurant heart-icon
Three Amigos Restaurant

A modern, responsive restaurant website showcasing a complete dining experience. This frontend-focused project features an elegant design with menu displays, reservation information, and gallery sections. The site demonstrates proficiency in creating professional, business-oriented websites with attention to user experience and visual appeal.

Django-Gallery-App heart-icon
Django Photo Gallery

A Django web application developed as part of a university assignment. This project showcases server-side programming with Python and Django framework, featuring user authentication, database management, and dynamic content rendering. The application demonstrates full-stack development skills and teamwork in creating a functional web platform.

PHP-Recipe-App heart-icon
PHP Recipe App

A comprehensive recipe management application built with PHP, featuring CRUD operations for recipes, user authentication, and database integration. This project demonstrates backend development skills with PHP and MySQL, including form handling, data validation, and secure user sessions. Check out the video demonstration to see all features in action.

EasyGames-Dotnet heart-icon
EasyGames

A collaborative .NET application showcasing object-oriented programming principles and C# development. This group project involved building a gaming platform with multiple mini-games, demonstrating proficiency in the .NET framework, desktop application development, and collaborative software engineering practices using version control and agile methodologies.

Color-Flipper heart-icon
Color-Flipper

Color-Flipper is a color picking app built using JavaScript. This app was made with the focus of improving my modular pattern programming tecniques. It is heavily inspired by the Google color picker tool that is available for everyone to use online. This project taught me how to be an effective user of modular pattern of programming.

project-hang-man heart-icon
Hang-Man

Hang Man was a fun project made mainly using JavaScript, it is a relatively easy project to make, though it took 3 months to finish due to other projects taking precedence. Techniques used within this project revolves around functional programming, html canvas element, as well as Factory Functions.

project-library heart-icon
Library

Project Library is another JavaScript based project, it is a great way to learn Object Oriented Programming using JavaScript, particularly, in the topic of Constructor functions. Although constructor functions are not the best practices to use due to its prone to errors, it is still a fundamental aspect of JavaScript that still needs to be learnt.

project-booking-page heart-icon
Booking page

Booking page is a project mostly made with CSS, it is a beautful project designed for hotel display. This website is a great exercise for flexbox design and usage, hence the reason of using flexbox as the main CSS tool.

project-landing-page-v2 heart-icon
landing-page-v2

Landin page version 2 is a website with complex design designed by Jonas Schmedtmann, the technologies used for this website are mainly SASS and HTML, there were very little JavaScript involved, but there were many powerful CSS animations I was able to use.

project-admin-dashboard heart-icon
Admin Dashboard

Admin Dashboard uses intermediate level of CSS, It is not the most responsive, scalable, nor complex website, but it is a rather beginner friendly website to make in order to use grid technology from CSS.

project sign-up form heart-icon
Sign-up Form

Frontend sign-up page without any backend, it was a rather fun project for anyone interested in learning about form element and form controls, which is one of the most important element in a website for a business.

project-password-generator heart-icon
Random Password Generator

Random password generator is a project specifically made to streamline the process of generating a password with some funky Fallout theme.

project-etch-a-sketch heart-icon
Etch-a-Sketch

Etch-a-sketch was my favourite project to make as it was the most visually interactive and is something that's actually fun to play with when taken seriously.

project-calculator heart-icon
Calculator

Making a calculator with interactive user interface wasn't the easiest task, it took a lot of revision of code logic and strcuture, this project was rather special because it is one of those projects that can be either very easy or hard to make, depending on the appraoch and logic.

project-rock-paper-scissors heart-icon
Rock Paper Scissors

Rock Paper Scissors is a highgly recommended project to make as a beginner developer due to its very simple rule. Nevertheless, the project have the potential to get rather complicated depending on how much sassy-ness one wants it to be

project-landing-page-v1 heart-icon
Landing-page-v1

A very classic website layout exercise without any JavaScript and mostly CSS to build, this project is recommended for beginners as it introduces one of the most basic layout used on the internet.