# Syifa Sukma Ramadhani (Syifa Sukma)

> Portofolio resmi Syifa Sukma Ramadhani, Front End Web Developer dan lulusan Sistem Informasi STT Terpadu Nurul Fikri. Spesialis React.js, Next.js, TypeScript, Tailwind CSS, dan pengembangan aplikasi web modern.

## Ringkasan Profil / Profile Summary
- **Nama Lengkap**: Syifa Sukma Ramadhani
- **Peran Utama**: Frontend Developer (Front End Web Developer, UI/UX Enthusiast)
- **Website Resmi**: https://syimantic.my.id
- **GitHub**: https://github.com/syifasukmaa
- **LinkedIn**: https://www.linkedin.com/in/syifasukma/
- **Instagram**: https://www.instagram.com/syifasukmaa
- **Medium Blog**: https://medium.com/@syifasukmaramadhani
- **Keahlian Teknis (Tech Stack)**: HTML, CSS, JavaScript, SASS, Tailwindcss, Bootstrap, React, Next JS, Node JS
- **Tools**: Vscode, GIT, Github, Figma, MS Word, MS Excel, Google Docs, Spreadsheet

## Pengalaman Kerja / Work Experience
### Teaching Assistant — STT Terpadu Nurul Fikri (September 2023 - February 2024)
- Taught 150 students in auditorium sessions on the Odoo application across 4 modules, one session per week for one semester.
- Helped students resolve application errors, handling an average of 3–4 case studies per session.

### System Implementator — PT Erahajj Group Indonesia (August 2025 - December 2025)
- Managed and maintained retention of 54 travel agency clients through routine invoice billing and technical support for system usage.
- Performed fixes and customizations on client website appearances using jQuery and CSS, completing display change requests for 2–3 clients per week.

### Frontend Developer — PT Super Multibisnis International (December 2025 - Present)
- Developed a multirole admin dashboard (5 access roles/levels) using React (Vite), TypeScript, Tailwind CSS, and TanStack Query to support merchant and driver verification and activation processes.
- Optimized application performance through state management and data caching (TanStack Query), reducing data loading time to 41ms.
- Designed and integrated APIs for the driver subscription renewal page using React, TanStack Query, and TanStack Router.

## Pendidikan / Education
- **STT Terpadu Nurul Fikri** — Information System (2021 - 2025)
- **SMKS Al Muhajirin** — Computer and Network Engineering (2018 - 2021)

## Sertifikasi / Certifications
- **Dicoding Academy**: Menjadi Front-End Web Developer Expert (2023)
- **Binar Academy**: Fullstack Web Development (2023)
- **PT Otak Kanan**: Fullstack Web Development (2024)

## Daftar Proyek Portofolio / Portfolio Projects
### 1. Artist Personal Website (2024)
- **URL Studi Kasus**: https://syimantic.my.id/projects/1
- **Peran**: Frontend Developer
- **Kategori**: Tribute & Entertainment
- **Tech Stack**: Next JS, TailwindCSS, Zustand, Swiper JS
- **Live Demo**: https://shani-indira.vercel.app/
- **Source Code**: https://github.com/syifasukmaa/website-shani-indira
- **Deskripsi (ID)**: Website personal tribute yang didedikasikan untuk Shani Indira, mantan anggota JKT48. Website ini menampilkan perjalanan karier selama satu dekade, galeri foto, serta berbagai momen spesial sebagai bentuk apresiasi dan kenangan atas dedikasinya di dunia hiburan. Dibangun dengan Next JS, TailwindCSS, dan Swiper JS untuk menyajikan tampilan interaktif, responsif, dan mudah dinavigasi.
- **Description (EN)**: A personal tribute website dedicated to Shani Indira, a former member of JKT48. It showcases her decade-long career journey, photo galleries, and memorable milestones as an appreciation for her dedication to the entertainment industry. Built with Next.js, TailwindCSS, and Swiper.js to deliver an interactive, responsive, and seamless visitor experience.

### 2. Masjid Jami At Taubah Website (2024)
- **URL Studi Kasus**: https://syimantic.my.id/projects/2
- **Peran**: Full Stack Developer
- **Kategori**: Mosque Portal & Management
- **Tech Stack**: Laravel, TailwindCSS, MySQL
- **Live Demo**: https://masjidattaubah.syimantic.my.id
- **Source Code**: https://github.com/syifasukmaa/websiteTA
- **Deskripsi (ID)**: Website resmi dan sistem informasi manajemen Masjid Jami At-Taubah. Menyediakan informasi lokasi, agenda kegiatan, layanan sewa gedung, dan warta masjid untuk jamaah. Dilengkapi dengan dashboard admin berbasis peran untuk pencatatan zakat, pendaftaran qurban, serta publikasi galeri kegiatan.
- **Description (EN)**: Official web portal and administrative management system for Masjid Jami At-Taubah. It provides congregational information regarding location, worship schedules, facility rentals, and community programs. The platform also incorporates a role-based admin dashboard for zakat accounting, qurban participant management, and media publications.

### 3. Quran Web App (2026)
- **URL Studi Kasus**: https://syimantic.my.id/projects/3
- **Peran**: Frontend Developer
- **Kategori**: Islamic Web Application
- **Tech Stack**: Vue.JS, Typescript, TailwindCSS
- **Live Demo**: https://quranandoa.netlify.app
- **Source Code**: https://github.com/syifasukmaa/quran-web
- **Deskripsi (ID)**: Aplikasi web Al-Quran digital yang nyaman untuk membaca harian dan studi keagamaan. Dilengkapi dengan navigasi 114 surah, terjemahan ayat per ayat, pemutar murottal audio qori ternama, tafsir ringkas, serta jadwal sholat otomatis sesuai lokasi.
- **Description (EN)**: A modern, accessible digital Al-Quran web application built for daily recitation and spiritual study. Features comprehensive 114 surah navigation, verse-by-verse Indonesian and English translations, audio recitation playback, tafsir explanations, and local prayer schedule integration.

### 4. Preducation (2024)
- **URL Studi Kasus**: https://syimantic.my.id/projects/4
- **Peran**: Frontend Developer
- **Kategori**: EdTech & Learning Platform
- **Tech Stack**: Next JS, TailwindCSS, SWR
- **Live Demo**: https://preducation.vercel.app/
- **Source Code**: https://github.com/syifasukmaa/preducation-frontend.git
- **Deskripsi (ID)**: Preducation adalah platform kursus online yang menghadirkan materi teknologi digital, seperti pengembangan Android, pemrograman web, dan topik lainnya. Dirancang dengan Next JS dan TailwindCSS untuk performa cepat dan tampilan modern, dengan integrasi SWR untuk pembaruan data real-time.
- **Description (EN)**: Preducation is an online course platform offering comprehensive digital technology learning materials, including Android development, programming, and other engaging topics. Built with Next.js and TailwindCSS for fast performance and modern aesthetics, with SWR integration for real-time updates and Android app connectivity for on-the-go learning.

### 5. Personal Notes (2024)
- **URL Studi Kasus**: https://syimantic.my.id/projects/5
- **Peran**: Frontend Developer
- **Kategori**: Productivity Web Tool
- **Tech Stack**: React JS, TailwindCSS
- **Live Demo**: https://notes-shanday.netlify.app/
- **Source Code**: https://github.com/syifasukmaa/personal-note
- **Deskripsi (ID)**: Aplikasi catatan digital yang simpel dan responsif untuk mencatat ide kilat dan manajemen agenda harian. Menyimpan data langsung di local storage browser tanpa ketergantungan server luar. Dibangun dengan React JS dan TailwindCSS untuk produktivitas maksimal.
- **Description (EN)**: A clean, responsive digital note-taking application designed for rapid idea capture and daily task management. It stores notes locally in the browser so data persists without server latency. Developed with React.js and TailwindCSS, featuring an intuitive, distraction-free interface suitable for students and professionals.