╔══════════════════ ✦ ✦ ✦ ══════════════════╗
╚══════════════════ ✦ ✦ ✦ ══════════════════╝
╔══════════════════ ✦ ✦ ✦ ══════════════════╗
╚══════════════════ ✦ ✦ ✦ ══════════════════╝
I'm a Frontend Developer who loves tidy workflows, pixel-perfect UIs, and interactive animations. I code best when the world is asleep, often accompanied by Anisong or VTuber streams.
const avin = {
role: "Frontend Web Developer",
workingOn: ["Clean Code", "Interactive UI", "Tidy Architecture"],
learning: ["AI Engineering", "Cybersecurity"],
hobbies: ["Mobile Legends", "Umamusume Pretty Derby", "Anime Marathon"],
fandom_allegiance: {
pairing_1: "AmeSame 💛💙",
pairing_2: "Grindstone 🔨💎",
guilds: ["Pemaloe", "Pebble"]
},
philosophy: "Codes and works best when the world is asleep 🌙"
};
|
|
|
"I believe in structured, maintainable codebases."
Here is how I typically structure my Next.js applications to ensure scalability and cleanliness:
src/
├── app/ # Pages & Routes (App Router)
├── actions/ # Server Actions (Backend Logic)
├── components/
│ ├── ui/ # Shadcn atomic components
│ ├── layout/ # Navbar, Footer, Sidebar
│ ├── dashboard/ # Admin specific (Forms, Tables)
│ ├── emails/ # React Email templates
│ ├── home/ # Landing page sections
│ └── animation/ # Reusable motion wrappers
├── lib/ # Utilities, DB config & Auth setup
└── db/ # Drizzle schema & migrations
expertise = {
"frontend": ["Pixel-perfect UI", "Responsive Design", "Interactive Animations"],
"workflow": ["Tidy File Structure", "Component Modularity"],
"vibes": ["Late Night Coding", "Aesthetic Focused"]
}╔══════════════════ ✦ ✦ ✦ ══════════════════╗
| Cover | Project Details | Status |
|---|---|---|
|
Coming Soon..
Next.js Project with Shadcn UI
|
|
|
|
Coming Soon..
Fullstack Laravel / Next.js App
|
|
╚══════════════════ ✦ ✦ ✦ ══════════════════╝
╔══════════════════ ✦ ✦ ✦ ══════════════════╗
Detective Conan |
Chuunibyou |
Toaru Series |
Youjo Senki |
Sword Art Online |
Otonari Tenshi |
╚══════════════════ ✦ ✦ ✦ ══════════════════╝
╔══════════════════ ✦ ✦ ✦ ══════════════════╗
╚══════════════════ ✦ ✦ ✦ ══════════════════╝
╔══════════════════ ✦ ✦ ✦ ══════════════════╗
Always interested in discussing Frontend Development, UI/UX, or Anime!
╚══════════════════ ✦ ✦ ✦ ══════════════════╝
and may every late-night commit sharpen you sharper than yesterday."
╚══════════════════ ✦ ✦ ✦ ══════════════════╝