All Projects

I've improved my frontend website development skills by working on several projects.

Gemini Clone

This project introduces an Google Gemini Clone, it empowers users to engage in natural language conversations with the Gemini AI model, all within an aesthetically pleasing and user-friendly interface with additional features that elevate the conversational experience.

  • React
  • Vite
  • Gemini API

Brainwave

Developed the front-end architecture for Brainwave, a conceptual mockup of an open AI chatbot application designed to revolutionize the conversational experience.

  • React
  • Vite
  • Tailwind CSS

Anime Vault

Implemented an infinite scroll feature with smooth animations using Framer Motion to enhance user experience. The application was built with Next.js and styled with Tailwind CSS, ensuring a modern and responsive design.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion

Personal Portfolio (v1)

An old portfolio site using HTML, CSS, and JavaScript to showcase personal projects and skills. The site was designed with a focus on simplicity and functionality, highlighting the ability to build effective web applications using foundational web technologies.

  • HTML
  • CSS
  • JavaScript

Travego

Travel web application with a visually appealing and user-friendly interface using HTML for the structure, SASS for efficient styling, and Bootstrap for responsive design. Enhanced functionality and interactivity were achieved through the jQuery library, resulting in a seamless user experience.

  • HTML
  • SCSS
  • JavaScript
  • Bootstrap

Berkaia

Developed a web application for Berkaia.id, a creative agency, utilizing HTML, CSS, JavaScript, Bootstrap, and the jQuery library. The landing page effectively communicates the agency's services and brand identity.

  • HTML
  • CSS
  • JavaScript
  • Bootstrap
  • jQuery

Telepatia Landing Page

This project involved creating a landing page for Telepatia, designed to enhance proficiency in SCSS/SASS. The page was built using HTML, SCSS, and Bootstrap to ensure a responsive and modern design. The project focused on mastering advanced styling techniques and structuring efficient, maintainable code.

  • HTML
  • SASS/SCSS
  • Bootstrap