Hi, I'm Alif đź‘‹

fullstack developer
backend developer
frontend developer

I like learning new things and implementing it to solve problems.

AM

about

I'm a Computer Science graduate with a strong focus on web and software development, especially backend roles. I started coding in college around 2020, initially working with Pascal, C++, and Python. My main interest lies in backend development, where I build APIs, integrate databases, and manage servers. I also handle frontend tasks for personal projects, and recently, I've been delving deeper into the JavaScript ecosystem. I use Express for backend work and React with Next.js on the frontend. Additionally, I'm learning Go to broaden my backend skills—after all, the learning journey for a programmer never truly ends.

soft skills

Web
RESTful API
Database Management
Third Party Integration
Design Pattern
Daily Tools
Data Scrapping
Team Work
Fast Learner

hard skills

Javascript
Typescript
Node.js
React
Express.js
Next.js
Python
Go
MySQL
Firebase
Google Cloud
Solidity
Blockchain
IPFS
CPanel
Cloudflare
my projects

check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

My Portfolio

My Portfolio

This is my personal portfolio website, built with Next.js 14. It showcases my journey in the tech world, where I share my experiences, interests, and the projects I have worked on and am currently pursuing. I plan to publish a blog to write topics related to tech, especially web and software development.

React
NextJS
Typescript
TailwindCSS
Shadcn/UI
Cloudflare Pages
Portfolio
Blog
GenFile Pro

GenFile Pro

GenFile Pro allows users to generate sample files in various formats, including PNG, JPG, JPEG, SVG, and PDF. Users can customize file dimensions, width, height, and even select colors to meet specific needs. This tool is particularly useful for developers who frequently require files in various configurations for testing purposes in their applications.

Vite
React
Typescript
TailwindCSS
Shadcn/UI
Express
File Processing

Storemore IPFS

Storemore IPFS implements decentralized storage using the Interplanetary File System (IPFS) by integrating IPFS Infura to this service. Decentralized storage provides highly secure data storage that is easily accessible via a content identifier (CID), offering a robust solution for secure and reliable data management.

Vite
React
Javascript
TailwindCSS
Ant Design
Express
IPFS
CPanel
hargaBensin

hargaBensin

This is a project called hargaBensin, where I practiced web scraping using Express. The scraped data is lightly processed, then served as an API that provides fuel price information for the Greater Jakarta area (Jabodetabek). The API documentation is thoroughly organized using Swagger UI.

Javascript
Express
Swagger UI
RESTful API
Web Scrapping
CPanel
e-LABorate (Backend & Cloud)

e-LABorate (Backend & Cloud)

e-LABorate is a pivotal healthcare application as part of my team's capstone project for Bangkit Academy 2023. Along with my teammate, we're responsible for backend development and server management on Google Cloud Platform. We're successfully implemented user authentication, comprehensive API endpoints, ML integration, and a seamless deployment on App Engine.

Javascript
Express
Firebase Firestore
Google App Engine
Google Cloud Storage
Sentral Parking

Sentral Parking

This was the firs comprehensive application developed for my client, a parking management system implementing Role-Based Access Control (RBAC) and distinguishing between member and guest access for parking visitors. Through this project, I gained experience in global state management, database integration, and real-time data handling.

PHP
Javascript
Bootstrap
MySQL

E-TuneShop

Before stepping into frontend, backend, and full-stack development, I explored my passion for UI/UX design. I created a concept for a super app tailored to automotive enthusiasts, where users can easily access everything they need for their vehicles in one place. From emergency services and trusted repair shops to unique accessory stores, the app aims to provide a comprehensive and seamless experience for car owners.

Figma
contact

get in touch

send me a message on email.
I'm all ears and excited to hear from you!