Hello, my name is

Jeremiah

I am a front end developer

A bit about me

Hi, I'm Jeremiah — a front-end developer who turns ideas into fast, accessible, and visually polished web experiences.

I blend creativity with precision, building intuitive UIs and writing clean, maintainable code using modern tools like React, Next.js, and Tailwind CSS. With hands-on experience across both front-end and back-end workflows, I enjoy solving real-world problems and delivering scalable, user-focused solutions.

Each project is a chance to bring together design, performance, and interactivity — crafting experiences that are not just functional, but feel great to use.

Projects

Newty

Newty is a productivity timer app built with Next.js, Chakra UI, and Redux, inspired by the Pomodoro Technique. It features a responsive UI that helps users track work intervals and breaks with a clean, focused interface designed for distraction-free time management.

  • NextJS
  • Redux
  • ChakraUI
  • Framer Motion
  • Typescript

Portfolio

A comprehensive showcase highlighting my expertise in ReactJS, NextJS, and Chakra UI, featuring a range of projects—from dynamic e-commerce platforms to custom homepages. This portfolio emphasizes my focus on blending design and functionality, demonstrating my problem-solving skills and commitment to user-centered development.

  • NextJS
  • ChakraUI
  • Axios
  • Framer Motion
  • Formik
  • Typescript
Portfolio image

Through the Woods

Through the Woods is a personal hiking blog application developed using Next.js, Strapi CMS, MongoDB, and Cloudinary. It allows authenticated users to create, update, and manage trail posts with dynamic image uploads, showcasing full CRUD functionality and a mobile-first layout for outdoor journaling.

  • NextJS
  • NextAuth
  • ChakraUI
  • Strapi
  • MongoDB
  • Cloudinary
  • Axios
  • MapboxGL
Through the Woods image

Experience Rally

Experience Rally is a front-end e-commerce prototype built with React, SCSS, and Framer Motion. The app highlights three rally event subscription packages with a seamless user flow that includes a landing page, tiered pricing, checkout logic, and confirmation messaging—all while demonstrating reusable components and animation best practices.

  • HTML5
  • Javascript
  • React
  • Sass
  • Framer Motion
  • React Reveal
  • React Responsive
Experience Rally image

Homepage

Homepage is a personal landing page created with GatsbyJS and SCSS. It features a dynamic greeting, real-time weather updates from the OpenWeather API, and a random quote generator. The project demonstrates external API integration, component-based architecture, and thoughtful design for a personalized user experience.

  • HTML5
  • Javascript
  • React
  • Gatsby
  • GraphQL
  • Sass
  • Axios
  • Framer Motion
Homepage image

2025 Jeremiah Canlas