My Projects

A showcase of web applications and solutions I've built, demonstrating my expertise in modern web technologies and problem-solving skills.

✔ Verifying environment... Found Next.js + TypeScript
✔ Setting up React components and project structure
✔ Integrating Tailwind CSS and shadcn/ui design system
✔ Configuring Node.js + Express server
✔ Connecting PostgreSQL database
✔ Implementing API routes and middleware
✔ Containerizing app with Docker
✔ Initializing Git repository and connecting GitHub remote
✔ Running linting, type, and build checks
✔ Optimizing for performance, accessibility, and SEO

Streamly

A Full-Stack Movie-Streaming project where one can watch movies for free. However, it is only movie trails not the full movie. It's just for me to practice building a movie-streaming web application. The admins can update the review for the movie and the AI will update the ranking accordiingly. Golang for the backend, MongoDB for the database, LangChainGo for AI and Next.js for the frontend.

Tech Stack:

GolangMongoDBNext.jsTypescriptLangChainGo

View Details Code Live Demo

Travel Planner

A Beautiful Travel Planner Website using NextJS, Prisma, Neon, Google Maps and PostgreSQL.

Tech Stack:

Next.jsGoogle MapsNeonPostgreSQLPrismaTypescript

View Details Code Live Demo

Typing Website

I as a hobby and/or practice, developed a typing website where users can practice typing and check & improve their WPM.

Tech Stack:

Next.jsSanityTypescriptTailwind CSS

View Details Code Live Demo

Movie Overview

A movie overview page where one can explore all the information about a specific movie they search. 4 other friends of mine and I collaborate to implement this page in Python.

Tech Stack:

PythonBrythonCSSTMDB API

View Details Code Live Demo

Anime Vault

An anime website where one can explore all popular anime. Built using shikimori API.

Tech Stack:

HTMLTailwind CSSNextJSShinkimori API

View Details Code Live Demo

Christmas Store

A christmas store where one can explore christmas items and decorations.

Tech Stack:

HTMLTailwind CSSReactJS

View Details Code Live Demo

Manage

A Landing Page called "Manage" from the frontend mentor website to practice and apply all the knowledge and things I have learnt so far. Built with ReactJS, Framer motion and Tailwind CSS.

Tech Stack:

HTMLTailwind CSSReactJSFramer motion

View Details Code Live Demo

Loop Studio

Another landing page where one can explore about the loop studio services, creations and features. It is a challenge from frontend mentor.

Tech Stack:

HTMLTailwind CSSReactJS

View Details Code Live Demo

EasyBank

A responsive EasyBank Landing Page where users can explore about the bank's features, articles and information etc.

Tech Stack:

HTMLTailwind CSSReactJSFramer motion

View Details Code Live Demo

NextCent Agency

I was searching for a project to test my ReactJS and Tailwind CSS knowledge and came across this project. The is an agency website called NextCentAgency where users can explore more about the agency and its services.

Tech Stack:

Tailwind CSSReactJSFramer motion

View Details Code Live Demo

Looking to hire a junior developer?

These projects show what I can build while learning. I'm eager to join a team where I can contribute and grow.

Get In Touch Learn More About Me