My Projects
Explore my portfolio of web applications, from interactive frontends to full-stack solutions. Each project represents my passion for clean code and exceptional user experiences.
Craftly.io – Digital Identity Platform for Students & Graduates
Craftly.io is a modern web platform designed to help students and professionals build their digital identity with ease. It provides three main free services: Create a personal portfolio to showcase skills and projects Design a professional CV with downloadable PDF export Build an interactive graduation book to save memories, photos, and receive congratulatory messages The platform is fully responsive and was developed using modern technologies including React.js, Next.js, TypeScript, and Tailwind CSS. Craftly.io features a personalized dashboard where users can manage their projects, view activity statistics, and quickly launch new creations. The project focuses on a clean UI/UX, fast performance, and simplicity—making it accessible to users without any technical background.
Graduation Notebook – Digital Congratulations Book
Graduation Notebook is a modern, single-page web application designed to celebrate graduates in a unique and interactive way. The platform allows friends and family to easily share their congratulatory messages and photos in one organized, visually appealing page. Each graduate receives a personalized link displaying their name, photo, and a custom cover image at the top. Below, users can submit messages with their name and photo, which are instantly displayed on the same page. The application features a fully responsive design, ensuring a seamless experience across mobile phones, tablets, and desktops. Built using Next.js and styled with Tailwind CSS, the project emphasizes user-friendliness and accessibility. Graduates can share their custom page with anyone, making it perfect for remote celebrations and memorable keepsakes.
Modern School Website
A responsive and visually appealing website designed for schools, kindergartens, or educational centers. The website features key sections such as an about page, staff introduction, activities, gallery, and a contact form. Built with modern web technologies, the site ensures fast loading, smooth navigation, and an attractive layout across all devices. This project demonstrates my ability to deliver custom solutions that fit the specific needs of educational institutions.
Weather Prediction for Tomorrow
This is a simple, user-friendly weather prediction web application built as part of an Artificial Intelligence assignment. The app uses a form-based interface to collect key weather indicators and predicts tomorrow’s weather using a basic rule-based or AI logic model (depending on implementation). 🔧 Technologies Used: HTML CSS JavaScript (optional, for form logic or rule-based prediction) 📋 Features: Dropdown selections for: Today’s weather condition Rainfall amount Temperature level Sky condition CF values (certainty factors) to reflect confidence in inputs A submit button to calculate and display the weather prediction 🎯 Purpose: This project demonstrates how simple AI techniques such as certainty factors (CF) and rule-based reasoning can be applied in a web environment to make predictive decisions. It is ideal for students or developers learning about expert systems and AI in web apps.
Syarti
This project is a front-end user interface for a car rental service website, built entirely with HTML and CSS. It features a clean, modern, and responsive design that allows users to: Select a pickup location Choose pickup and return dates Search for available cars Easily navigate through the website using a clear and intuitive layout The UI includes a hero section with a call-to-action, a booking form, and navigation links such as home, cars, branches, offers, and contact. It is designed to provide a seamless user experience and can be used as a foundation for integrating dynamic functionality later using JavaScript or backend technologies. 💡 Perfect for demonstrating HTML/CSS layout skills and UI design for modern web applications.
Building Interactive UI Components! 🌟
CSS animations, transitions, and 3D effects Performance optimization techniques Using Git for CSS projects Perfect for both budding and seasoned web designers, this video will enhance your skills and inspire your next project. Don’t forget to like and subscribe for more web development tips and tricks!
Effortless Dragging and Dropping with JavaScript
Dive into the world of dynamic web applications with my latest video tutorial: 'Drag And Drop In JavaScript Is Easy'. Master the essentials of creating an intuitive drag-and-drop interface, a must-have skill for modern web developers. This video simplifies the concept, ensuring it's accessible for all skill levels – from those just starting out to seasoned coders looking for a refresher. Enhance your web projects with interactive elements and provide a seamless user experience on your sites. Watch now and elevate your JavaScript capabilities!
Rotating Image Gallery With Amazing Style
This project involves creating a captivating image gallery with rotating images and two navigation buttons. Through JavaScript, we will dynamically change the images using timers and add event listeners for smooth navigation. The CSS transform method will be utilized to rotate the images and enhance the overall aesthetic appeal. This approach will provide a dynamic and visually stunning user experience that is sure to captivate and engage visitors. With a rotation interval of three seconds and intuitive navigation buttons, users can easily explore the gallery and appreciate its visual richness.
Training Management System
TMS (Training Management System) – a modern, full-featured platform designed to manage and streamline corporate training programs. Built with Next.js, TypeScript, MongoDB, and styled using Tailwind CSS, this solution connects companies, trainers, and monitors in one powerful ecosystem. 🔹 Real-time dashboards 🔹 Smart session scheduling 🔹 Certification & compliance tracking 🔹 Performance analytics & reporting 🔹 Built-in communication & feedback tools