Thai Restaurant E-Commerce Store
Thai To Go is a full-stack e-commerce web application that is built end-to-end with TypeScript using the MERN stack (MongoDB, Express.js, React 18, and Node.js). The application enables customers to browse the restaurant menu, manage a shopping cart, place orders, and complete payments via PayPal. User authentication is handled with JWT, and passwords are securely hashed using bcryptjs. The backend leverages Mongoose with Typegoose for type-safe data modeling, and implements security best practices including rate limiting, CORS restrictions, and request size caps. The React frontend uses Vite, TanStack Query for server state management, and React Bootstrap for a responsive UI. The frontend and backend services are containerized with Docker and served behind Nginx, with deployment on Heroku and MongoDB Atlas for cloud database hosting. The project includes a comprehensive Jest and Supertest test suite with 51 tests achieving 100% code coverage, with automated CI/CD via GitHub Actions.
Open Project
Personal Website v2
I overhauled my personal website by leveraging a combination of Python, HTML, CSS, Django, and Bootstrap. This transformation aimed to boost user experience, enhance accessibility, and craft an aesthetically pleasing user interface to showcase my coding skills and project portfolio. Additionally, I successfully deployed my Django-based web application on Google Cloud Platform's App Engine Standard Environment by harnessing the platform's robust infrastructure for high availability and scalability. Moreover, I implemented extra layers of security by configuring the domain to work with a load balancer and ensuring the SSL certificate's validation, ultimately ensuring a secure and reliable browsing experience for users.
Home Page
Personal Website v1
In the initial version of my website, I exclusively employed HTML and CSS to create the online platform. This design prioritized simplicity while providing fundamental web structure and styling. While not as complex as subsequent iterations, this first version established the foundation for my web presence.
Open ProjectSelenium WebDriver Automated Test Project
This testing project was designed and developed to test my personal website and Tic Tac Toe game by integrating Selenium WebDriver with Java JUnit tests and Gradle as the build tool, ensuring robust and automated testing processes. This project applies the Page Object Model (POM) design pattern to enhance test maintainability and reusability by segregating the test logic from my personal website's underlying web page structure.
Resume Generator
I created a user-friendly web application that offers customizable templates, real-time editing, and downloading features using React, CSS, and Bootstrap. This project, known as the Resume Generator, is hosted on Netlify as a dedicated subdomain of my Personal Website, providing easy access to users. Additionally, I programmed thorough test scripts, including automated end-to-end and integration tests, to validate the application across various scenarios. To facilitate seamless deployments, I established a robust CI/CD pipeline using GitHub Actions.
Open Project Testing ProjectTic Tac Toe Game
This Javascript project was meticulously developed to enhance my proficiency in the language and showcase its integration with HTML, CSS, and Bootstrap to create an aesthetically pleasing UI. The tic-tac-toe game is fully-functional and allows users to compete against each other in a highly interactive gameplay environment. Essential features like robust error handling, efficient turn management, and reliable win detection mechanisms, utilizes JavaScript to guarantee seamless gameplay flow and enhance user satisfaction
Open Project