Wham Bam(ongoing)
Present
Overview
Wham Bam is a simple kanban board to help users manage their on-going project chopping it into an individual tasks.
The tasks are assigned into separate section:
1. to do section
2. in progress section
3. completed section
Tools
- React
- Redux
- Tailwind
- Figma
Links
Samiya Studio Company Website
Nov - Dec 2023
Overview
Samiya Studio is a local photography service located in Yogyakarta specializing in a variety of services including food photography, fashion photography, product photography, architecture photography and company profile photography. I was responsible for creating website page for Samiya Studio.
My responsibilities are:
- Designed a wireframe as an initial website layout using Figma
- Developed responsive website to optimize user experience on different screen sizes
- Created carousel and loading animation using Tailwind and GSAP
- Built gallery filter based on categories & carousel logic using React hooks
- Deployed the official website with a custom domain on Netlify environment
Tools
- Tailwind
- Figma
- React
- GSAP
Links
Mixin' Jam
Aug 2023 - Oct 2023
Overview
Mixin' Jam is a web app where users can:
- search tracks, artists, albums from Spotify
- create your personalized playlist
- add the selected tracks to a new playlist
- and save the new playlist to Spotify
It's built using React, SASS, and most importantly Spotify Web API. Spotify Web API enables the creation of applications that can interact with Spotify's streaming service, such as retrieving content metadata, getting recommendations, creating and managing playlists, or controlling playback.
Tools
- React
- Node.js
- SASS
- Spotify Web API
Ridgeline Prototype
Aug 2023
Overview
Ridgeline is a famous fictional outdoor clothing company. The product detail page that the wireframe I was working on was a colorful, water-resistant, insulated jacket that is constructed with eco-friendly and recycled materials.
After sketching rough layout for the product page, I created the low-fidelity wireframe using Figma. Finally, I added interactivity between page elements in prototype mode, transforming it into high-fidelity wireframe.
Tools
- Figma
Links
CV. Cakra Anagata Gemilang Company Website
Feb - Apr 2023
Overview
CV. Cakra Anagata Gemilang is an Export-Import and General Trading company located in Majalengka, West Java. I was responsible to create a simple and responsive company website using jQuery & Bootstrap.
Tools
- Bootstrap
- jQuery
Links
