About
Hello! I`m Akbar, and my journey in coding started in 2019 when I was inspired by a friend. However, it was the encouragement from lecturers on campus in 2021 that made me really focus and be consistent in learning. Since then, I have become increasingly interested in exploring various aspects of the programming world.
I started by learning Python, but soon realized that I was more interested in user interfaces. This led me to switch to frontend web development. Mastering HTML, CSS, and JavaScript became my priority, and I started exploring different technologies that support the creation of engaging and interactive web applications.
Currently, I`m delving into fullstack JavaScript and TypeScript , focusing on frontend and backend development as a whole. I love learning new things every day and am always open to feedback to keep growing and improving my skills.
Experience
Aug 2024 - Present Working on internal company applications such as inventory and apparoval systems.
- TypeScript
- React
- MUI
- Zustand
Feb — Jun 2024 I performed a frontend migration from a desktop-based ERP system to a web-based platform using the Angular framework. My work included integrating with REST APIs, creating and validating forms and components, and testing the system to ensure a responsive and dynamic HRD interface.
- TypeScript
- Angular
- Bootstrap
Jul — Sep 2023 I design and develop responsive UI/UX interfaces, including creating landing pages and admin dashboards. My work involves building essential systems like attendance tracking, payment history management, student data management, and generating detailed reports, all aimed at enhancing user experience and operational efficiency.
- TypeScript
- Javascript
- React
- Tailwind
- Express
- Mysql
- Sequelize
- Figma
Aug — Sep 2022 I create responsive UI/UX interface designs and implement them into HTML, CSS, and JavaScript code. Additionally, I handle the deployment of the website to the production environment, ensuring that it is live and accessible to users.
- HTML
- CSS
- Javascript
- Figma
Projects
IndoQuran
IndoQuran is a web application that offers features for reading, listening to murotal, sharing verses, prayer schedules, prayer reminders, hadiths, and daily prayers, complete with dark mode, multiple bookmarks, and SEO and Open Graph optimization.
- NextJs
- Typescript
- Redux
- Tailwind
Pilihanku
Pilihanku is a Chair Election application developed using Next.js and Firebase, designed to make the election process for chairpersons more efficient in various contexts like student organizations, study groups, or small communities. The app features OAuth login with Google accounts, allowing users to securely access the platform. It also enables the creation of elections ("Pemilu"), offers real-time data updates, and provides result charts for easy visualization of election outcomes. With Next.js ensuring a responsive interface and Firebase providing secure, real-time data management, Pilihanku offers a seamless and user-friendly experience.
- NextJs
- Typescript
- Redux
- Tailwind
- Firebase
Simple E-Commerce
Simple e-commerce is a streamlined online shopping platform designed to accommodate both users and admins with multi-user functionality. Users can create and manage their profiles, add items to their favorites, view detailed product information, and easily manage their shopping carts. The platform also includes a straightforward checkout process, ensuring a smooth and efficient shopping experience for all users.
- Javascript
- ExpressJs
- Prisma
- PostgreSQL
- Typescript
- NextJs
- Next Auth
- Redux
- Tailwind
studywithme
studywithme is a user-friendly learning platform designed for programmers, offering a combination of video-based lessons and online quizzes. The platform supports both user and admin logins, where admins can manage content and quiz questions to ensure relevant and engaging material. Each video series includes a discussion forum for collaborative learning, and the integrated quizzes feature automatic grading, providing immediate feedback to enhance the learning experience.
- NextJs
- Typescript
- Tailwind
- ExpressJs
- Prisma
- Mysql
RealChat
RealChat is a website application powered by Gemini AI, offering enhanced messaging capabilities. Users can send text, images, generate AI-based messages, and perform actions like replying, deleting, and editing. The app also tracks message read status and allows easy contact searching by email or name, making communication efficient and seamless.
- ReactJs
- Typescript
- Tailwind
- Gemini AI
- Redux
- Firebase
