All Projects

Social Media Universitas Esa Unggul

Esa Unggul University Social Media is a digital platform that provides facilities to carry out social activities for every user within the university. Some activities that can be done, for example, are communicating or interacting to providing information or content in the form of writing, photos and videos. This social media was created based on the problems that arise as a result of the pandemic. The first problem is the difficulty of exchanging information, socializing and collaborating between students within the scope of the university, meanwhile the existing social media has another drawback, namely the difficulty of finding data for other students both in one department and in different departments within the university scope. The second problem is the difficulty of finding important information in an integrated manner related to scholarships, seminars, organizational activities, study programs, faculty and university activities. The difficulty in getting this information is because each party has a different website address and platform so that the information is scattered everywhere. With these problems, Social Media aims to make it easier for all parties involved at Esa Unggul University in terms of socializing, communicating and collaborating as well as exchanging information. This Social Media was created using the Waterfall methodology, the Javascript programming language with the Next.js Framework as the frontend and the Go language with the Echo Framework as the backend and the MySQL database. This Social Media has 6 levels of users, namely admin universities, admin faculties, admin organizations, lecturers and students and alumni.

Golang
Gorm
Echo
Next.Js
Socket io
Netflix Clone

Built a responsive Netflix Clone using Next.js and TypeScript. Integrated IMDB API for movie data, and used Firebase for data storage and authentication. Implemented smooth animations with Framer, and styled the application with Chakra UI and Tailwind CSS. Utilized Recoil for state management and React Player for video playback.

Next.Js
Typescript
Firebase
Framer
Chakra UI
Campuss Connect

web-based social media platform specifically for students across Indonesia, enabling them to connect and collaborate. The platform includes features for sharing scholarship information and university events, providing valuable resources for students.

React
Go
Gin
Gorm
Tailwind
Flowers Theme Wedding Invitation

Created a wedding invitation website with features included RSVP functionality, photo gallery, event schedule, and responsive design. The website received positive feedback for its user-friendly interface and aesthetic appeal.

React
material ui
tailwind
react-countdown
react-icons
Java Theme Wedding Invitation

Developed a wedding invitation website with React, Framer, and Chakra UI. Included RSVP and guest management features, photo album, and event details. The site was praised for its functionality and visual design, ensuring a smooth user experience across devices.

Next.Js
Typescript
Framer
Chakra UI
Tailwind
MyInvoice

Collaborated with a cross-functional team including frontend developers, QA, and UI/UX designers to develop MYinvoice, an invoicing application. Participated in daily stand-ups to ensure smooth project progression. As a backend developer, created the ERD (Entity Relationship Diagram) and implemented backend functionality using Go and Echo.

Go
Echo
React
Redux
Bootstrap
Explore Wonderful Indonesia

Responsive web project designed to train with Framer Motion. Focused on creating smooth transitions and animations, leveraging the capabilities of Framer Motion to enhance the user experience.

React
framer
tailwind
typescript
Motorcycle Club

This project is a website for a motorcycle club designed to fulfill a college assignment. The website is built using React for front-end development, Tailwind CSS for responsive and modern styling, and Swiper to create interactive and engaging image galleries. This project not only showcases technical skills in web development but also demonstrates creativity in design and effective presentation of information for the motorcycle club community.

React
tailwind
react icons
swiper
Web Portofolio V1

My portfolio website, built using Next.js 13, React, React Icons, and Tailwind CSS, features sections including Home, About, Skill, and Portfolio. It showcases my development skills and projects, providing a comprehensive overview of my abilities and experience.

Next.js 13
React
tailwind
react icons