Skip to content
View Nekonepan's full-sized avatar
💜
💜

Block or report Nekonepan

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Nekonepan/README.md
# 👋 Hi, I'm Lutfan

A friendly beginner web developer and future software engineer.  
I'm passionate about web technologies and love exploring how great user experiences are built.  
Currently balancing college projects with my journey to become a full-stack developer 🚀

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 🚀 About Me
- Passionate about building simple yet meaningful web apps  
- Constantly learning new tools, frameworks, and design principles  
- Balancing between college projects and personal coding experiments  
- Motto: *"Keep building, keep learning, keep growing."*

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 🧠 Currently Learning
- Frontend frameworks (React, TailwindCSS)
- Backend development (PHP, MySQL, a bit of Python)
- Clean code and version control using Git & GitHub

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 💼 Projects & Repositories
Here are some of the things I've been working on lately:

- **Employee Data Application** - simple CRUD-based employee management system

  [➡️ Employee-Data-Application-Project-JavaScript-based-node.js](https://github.com/Nekonepan/Employee-Data-Application-Project-JavaScript-based-node.js.git)

- **Laboratory Inventory Application** -  Laboratory Inventory with GUI-based application

  [➡️ TP-PBO2025-Inventaris-Laboratorium](https://github.com/Nekonepan/TP-PBO2025-Inventaris-Laboratorium.git)

- **Formula 1 Data Application** - data-driven project exploring F1 statistics

   [➡️ Formula 1 Data Application](https://github.com/Nekonepan/Formula-1-Data-Application.git)

- **College Repositories** - academic and practical projects

  [➡️ College](https://github.com/Nekonepan/College.git)

- **Learning Repositories** - experiments and exercises in Java, Python, C++, and JavaScript

  [➡️ Learning-CPP](https://github.com/Nekonepan/Learning-CPP.git)

  [➡️ Learning-Java](https://github.com/Nekonepan/Learning-Java.git)
  
  [➡️ Learning-Python](https://github.com/Nekonepan/Learning-Python.git)
  
  [➡️ Learning-JavaScript](https://github.com/Nekonepan/Learning-JavaScript.git)

- **More on my** [repositories](https://github.com/Nekonepan?tab=repositories)

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 💻 Programming Languages
![C++](https://img.shields.io/badge/-C++-00599C?style=flat-square&logo=cplusplus&logoColor=white)
![Python](https://img.shields.io/badge/Python-3670A0?style=flat-square&logo=python&logoColor=ffdd54)
![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black)
![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-663399?style=flat-square&logo=css&logoColor=white&logoSize=auto&labelColor=%23663399)
![PHP](https://img.shields.io/badge/-PHP-777BB4?style=flat-square&logo=php&logoColor=white)

## 🗃️ Databases
![MySQL](https://img.shields.io/badge/-MySQL-4479A1?style=flat-square&logo=mysql&logoColor=white)
![MongoDB](https://img.shields.io/badge/MongoDB-47A248?style=flat-square&logo=mongodb&logoColor=white&logoSize=auto)
![phpMyAdmin](https://img.shields.io/badge/phpMyAdmin-6C78AF?style=flat-square&logo=phpmyadmin&logoColor=white&logoSize=auto)
![SQLite](https://img.shields.io/badge/SQLite-003B57?style=flat-square&logo=sqlite&logoColor=white&logoSize=auto)

## 🧩 Frameworks & Libraries
![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=white&logoSize=auto)
![Bootstrap](https://img.shields.io/badge/Bootstrap-7952B3?style=flat-square&logo=bootstrap&logoColor=white&logoSize=auto)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white&logoSize=auto)
![Node.JS](https://img.shields.io/badge/Node_JS-5FA04E?style=flat-square&logo=nodedotjs&logoColor=white&logoSize=auto)

## 🧰 IDEs & Code Editors
![VSCode](https://img.shields.io/badge/VSCode-28A6F2?style=flat-square&logoColor=white&logoSize=auto)
![IntelliJ IDEA](https://img.shields.io/badge/IntelliJ_IDEA-000000?style=flat-square&logo=intellijidea&logoColor=white&logoSize=auto)
![NetBeans](https://img.shields.io/badge/NetBeans-1B6AC6?style=flat-square&logo=apachenetbeanside&logoColor=white&logoSize=auto)
![Sublime Text](https://img.shields.io/badge/Sublime_Text-FF9800?style=flat-square&logo=sublimetext&logoColor=white&logoSize=auto)
![PyCharm](https://img.shields.io/badge/PyCharm-000000?style=flat-square&logo=pycharm&logoColor=white&logoSize=auto)

## 🎨 Design Tools
![Canva](https://img.shields.io/badge/Canva-%2300C4CC.svg?style=flat-square&logo=Canva&logoColor=white)
![Figma](https://img.shields.io/badge/Figma-%23F24E1E.svg?style=flat-square&logo=figma&logoColor=white)

## 🌐 Code & Version Control
![GitHub](https://img.shields.io/badge/GitHub-181717?style=flat-square&logo=github&logoColor=white&logoSize=auto)
![Git](https://img.shields.io/badge/Git-F05032?style=flat-square&logo=git&logoColor=white&logoSize=auto)

## ⚙️ Operating Systems
![Arch Linux](https://img.shields.io/badge/Arch_Linux-1793D1?style=flat-square&logo=archlinux&logoColor=white&logoSize=auto)
![Ubuntu](https://img.shields.io/badge/Ubuntu-E95420?style=flat-square&logo=ubuntu&logoColor=white&logoSize=auto)
![Linux Mint](https://img.shields.io/badge/Linux_Mint-86BE43?style=flat-square&logo=linuxmint&logoColor=white&logoSize=auto)
![Windows](https://img.shields.io/badge/Windows-0071C8?style=flat-square&logoColor=white&logoSize=auto)

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 📊 GitHub Stats

![Nekonepan's Profile Details](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=Nekonepan&theme=tokyonight)

<!--[![Nekonepan's GitHub stats](https://github-readme-stats.vercel.app/api?username=Nekonepan&show_icons=true&include_all_commit=true&hide_border=true&rank_icon=github&bg_color=DEG,ffcbf2,f3c4fb,ecbcfd,e5b3fe,e2afff,deaaff,d8bbff,d0d1ff,c8e7ff,c0fdff&title_color=ffffff&icon_color=000000&text_color=ffffff)](https://github.com/Nekonepan/github-readme-stats)-->

[![Nekonepan's GitHub stats](https://github-readme-stats-fast.vercel.app/api?username=Nekonepan&show_icons=true&include_all_commit=true&hide_border=true&rank_icon=github&theme=tokyonight)](https://github.com/Nekonepan/github-readme-stats)

<!--[![Nekonepan's Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=Nekonepan&layout=compact&hide_border=true&bg_color=DEG,ffcbf2,f3c4fb,ecbcfd,e5b3fe,e2afff,deaaff,d8bbff,d0d1ff,c8e7ff,c0fdff&title_color=ffffff&icon_color=000000&text_color=ffffff)](https://github.com/Nekonepan/github-readme-stats)-->

[![Nekonepan's Top Langs](https://github-readme-stats-fast.vercel.app/api/top-langs/?username=Nekonepan&layout=compact&hide_border=true&theme=tokyonight)](https://github.com/Nekonepan/github-readme-stats)

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 🌍 GitHub Activity
![Lutfan's Graph](https://github-readme-activity-graph.vercel.app/graph?username=Nekonepan&bg_color=ffffff00&color=7b68ee&line=c8e7ff&point=ffb6c1&area=true&hide_border=true)

<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

## 📫 Connect With Me
> Click me : 
[![Email](https://img.shields.io/badge/lutfanalaudin%40gmail.com-blue?style=flat-square&logo=gmail)](mailto:lutfanalaudin@gmail.com)
[![Instagram](https://img.shields.io/badge/@upan.7z-E4405F?style=flat-square&logo=instagram&logoColor=white)](https://www.instagram.com/upan.7z)


<p align="center">
  <img src="https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png" width="100%" height="4px" />
</p>

Thanks for stopping by! 😊
> 💬 “Every expert was once a beginner. Keep building, keep learning.”

Pinned Loading

  1. Employee-Data-Application-Project-JavaScript-based-node.js Employee-Data-Application-Project-JavaScript-based-node.js Public

    CLI-based employee management system using Node.js, with MongoDB storage and full CRUD features.

    JavaScript 2

  2. TP-PBO2025-Inventaris-Laboratorium TP-PBO2025-Inventaris-Laboratorium Public

    Laboratory Inventory Application built with Python (OOP) and Tkinter GUI to manage laboratory equipment, categories, and borrowing records using SQLite. Academic project for Object-Oriented Program…

    Python 1

  3. College College Public

    This repository was created not only to organize my personal work but also to share it with anyone who might find it useful.

    C++ 1

  4. Learning-JavaScript Learning-JavaScript Public

    This repository contains my personal notes, exercises, and mini-projects as I learn JavaScript and Node.js.

    JavaScript 1

  5. FauzanRown/Student-Log-Books-Apps FauzanRown/Student-Log-Books-Apps Public

    HTML 4 1

  6. Learning-CPP Learning-CPP Public

    A collection of my journey learning C++ programming, covering basic to intermediate concepts through simple examples and practice projects.

    C++ 1