Hi there,
It's Ben here

Creative Web Developer specializing in Front-end Development

Learn More

Projects

TMDB Film Explorer


A Responsive Film Explorer application that allows viewers and fans to search and explore their favorite Movies and TV Shows. Features include Dark Mode Support, Pagination, and Search Movies & TV Shows.

Tech Stack

  • NextJS
  • TailwindCSS
  • React Query
  • TMDB API

Money Manager


An Application that provides the main features of Creating Income and Expense transactions along with visualizing the transactions data in graphs made with Chart.js. Authentication is done using Firebase Auth and all transaction data are stored in Cloud Firestore. Additionally, the application supports dark mode and it is deployed on Firebase Hosting.

Tech Stack

  • Firebase
  • Chakra
  • React
  • Chart.js

Portfolio Website


My Portfolio website where you can learn more about me and the projects that I've built so far! Since my main focus is React.js, I decided to build this Portfolio Website using a Server Side Rendering such as Next.js.

Tech Stack

  • React
  • Next.js
  • Styled Components

Shopping Tracker


Shopping Tracker Platform that allows users to upload, edit, and delete products they want to purchase. In Addition, features include product filtering and bulk delete, I built this app as an opportunity to grasp the concept and understanding of better Online Shopping or E-Commerce Development.

Tech Stack

  • React
  • JavaScript
  • Bootstrap

Skills

As a Front-end Developer, I've worked with a range of technologies to build Web Applications.

  • NextJS

    Most of my projects are built with React.js and Next.js

  • React

    Most of my projects are built with React.js and Next.js

  • Vercel

    I incorporate Vercel Edge Functions and Deployment for all my NextJS projects.

  • Redux

    Redux or Context API are used mostly in larger applications for State Management.

  • TypeScript

    TypeScript helps me to optimize the Code Quality & Readability (Clean Code Practices).

  • Firebase

    I have used Firebase for auth, database, storage & analytics in my apps.

  • TailwindCSS

    I utilize Tailwind to construct my apps with holistic features of UI and Responsive Web Design.

  • React Query

    I make use of React Query to optimize all API Functions across my projects.

  • Bootstrap

    Beside Tailwind, Bootstrap is the UI Framework that I use for my basic prototype projects or POCs.

About Me

Creative Web Developer with experience working in front-end web applications development projects with Scrum/Agile methodology that empower business growth. Demonstrated passion in Responsive Web Design, Progressive Web Apps, Single Page Apps, Networking, Data Storage, SEO Optimization, Web Analytics, Extended Reality, Serverless Architecture & Web Security.

Personal Accomplishments

50+

Open Source Projects

70+

Github Stars

2+

Years of Bachelor Degree in IT

2+

Hackathon Achievements

Innovating one project at a time