My Projects

Image

PhylStay

Next.js, React, Tailwind, Prisma, MongoDB...

2024

• Design stunning, responsive layouts with Tailwind CSS and smooth animations.

• Securely sign in users with Google and GitHub authentication.

• Effortlessly upload images using Cloudinary and validate forms with ease.

• Build a powerful booking system with smart search filters and manage reservations and properties efficiently.

• Share customized search results via URL and handle loading and error states seamlessly.

• Allow easy cancellation of reservations for both guests and property owners.

• Automatically calculate pricing based on user preferences and search criteria.

• Directly access and display data in server-side React components for faster performance.

Image

SineSerye

Next.js, React, Tailwind, Recoil, REST API...

2024

• Users can sign up and log in using email and password with Firebase handling authentication.

• Explore a curated list of movies and TV shows, including Netflix originals, top-rated, trending, action, comedy, horror, romance, and documentaries.

• Click on a movie or TV show card to view detailed information such as release date, genre, original language, overview, and voting stats.

• Watch trailers for movies and TV shows by clicking the play button, which opens a modal with the trailer video.

• Enjoy a seamless experience across devices with responsive design that adapts to different screen sizes.

Image

NarraCraft

Next.js, React, TypeScript, Tailwind...

2024

• Designed a visually appealing landing page for Narracraft using Figma for UI/UX, focusing on creative and stylish furniture.

• Developed the landing page with Next.js, ensuring fast performance and SEO optimization.

• Styled the page with Tailwind CSS for a responsive and modern look, adapting seamlessly to different screen sizes.

• Showcased furniture that transforms living spaces, emphasizing ease of integrating creativity and comfort into the home.

• Implemented effective design and user experience strategies to attract and engage visitors.

Image

BatacCamp

Next.js, React, Typescript, Tailwind...

2024

• Created a mobile-first landing page for Batac City Camp Area using Next.js for server-side rendering and optimized performance.

• Developed interactive components with React, enhancing user engagement and dynamic content display.

• Utilized JavaScript to implement advanced functionalities and enhance user experience.

• Built the page structure with HTML and styled it with CSS to ensure a clean, modern look.

• Applied Tailwind CSS for responsive design, ensuring the layout adapts seamlessly to various screen sizes and devices.

• Demonstrated expertise in integrating modern web technologies to deliver a polished, responsive landing page.