Welcome to My Portofolio
Using Javascript, HTML, and CSS, this music playlist explorer lets users explore and interact with playlists. On the homepage, playlists are displayed with a cover image, title, name, and like count, offering a visually engaging overview. By clicking on a playlist title, users can open a modal window to view more details, including its song list. Within the modal, users can like playlists, with real-time updates to the like counter, and shuffle songs for a fresh order each time. This project highlights DOM manipulation, event handling, and responsive design principles. View this project here!
The Flixster App is a responsive movie browsing application built with React.js, HTML, and CSS. It fetches and displays a list of current movies from The Movie Database (TMDb) API in a clean grid layout. Users can interact with the app through a search bar to quickly find specific movies and can sort results by title, release date, or vote average for easier navigation. Clicking on any movie opens a modal window that provides additional details, including key information about the selected film. This project highlights API integration, dynamic rendering with React, and user-focused design. View this project here!
This project is a full-stack web application built with React.js and CSS on the frontend and PostgreSQL with Prisma on the backend. It allows users to create interactive boards and cards for sharing thoughtful messages in a collaborative space. Each board can contain multiple cards, making it easy to organize ideas or feedback. Users can filter boards by category, search by title, and engage with cards through features such as upvoting and deleting. The project highlights CRUD functionality, relational data modeling, and seamless frontend-backend integration while focusing on a clean, user-friendly design that encourages interaction and collaboration. View this project here!
MyTravel is a full-stack travel planning application designed to help users organize and personalize their trips. Built with React.js and CSS on the frontend and PostgreSQL with Prisma on the backend, the app offers a variety of features for seamless trip management. Users can add trips, create and generate itineraries, and receive suggestions for tourist attractions tailored to their plans. Additional tools include the ability to add notes for trip details and use an expense tracker with built-in budgeting tips to manage costs effectively. MyTravel combines functionality and design to make trip planning simple, interactive, and efficient. View this project here!