-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathdata.ts
More file actions
353 lines (343 loc) · 12.7 KB
/
data.ts
File metadata and controls
353 lines (343 loc) · 12.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
export const BASE_URL = "https://fadils.xyz";
export const NAME = "Wahyu Akhmad Fadillah";
export const NICKNAME = "Fadil";
export const AVAILABLE_FOR_WORK = true;
export const BIO =
"19 year old fullstack developer based in Indonesia. Crafting apps with a strong focus on TypeScript and the modern web stack.";
export const DESCRIPTION_LINKS_PAGE =
"Hi, I'm Fadil. Mostly code, sometimes design. you're probably here for one of these things...";
export const JOB = "Full Stack Developer";
export const EMAIL = "wahyufadil1140@gmail.com";
export const LOCATION = "Indonesia";
export const TIMEZONE = "Asia/Jakarta";
export const GITHUB_USERNAME = "fadilsflow";
export const LINKEDIN_USERNAME = "wahyu-akhmad-fadillah";
export const INSTAGRAM_USERNAME = "fadils.xyz";
export const TWITTER_USERNAME = "fadils";
// Navigation links in the bottom of the page.
export const NAVIGATION_LINKS = [
{
href: "/blog",
label: "Blog",
},
{
href: "/projects",
label: "Projects",
},
{
href: "/links",
label: "Links",
},
{
href: "/resume",
label: "Resume",
},
];
// Social links
export const SOCIAL_LINKS = [
{
href: "https://linkedin.com/in/wahyu-akhmad-fadillah",
icon: "linkedin",
label: "LinkedIn",
username: "wahyu-akhmad-fadillah",
},
{
href: "https://instagram.com/fadils.xyz",
icon: "instagram",
label: "Instagram",
username: "fadils.xyz",
},
{
href: "https://github.com/fadilsflow",
icon: "github",
label: "GitHub",
username: "fadilsflow",
},
{
href: "mailto:wahyufadil1140@gmail.com",
icon: "gmail",
label: "Email",
username: "wahyufadil1140@gmail.com",
},
];
export const SKILLS = [
"Linux",
"React",
"Next.js",
"Tailwind CSS",
"TypeScript",
"Bun",
"PostgreSQL",
"Docker",
"Supabase",
"Git",
"Figma",
];
export const WORK_EXPERIENCE_ITEM = [
{
company: "Freelancer - Self-employed",
role: "Full Stack Developer",
period: "2025-03 - Present",
description:
"Building personal projects and learning new technologies through hands-on development. Focusing on modern web development stack including React, Next.js, and TypeScript. Actively participating in open source contributions and expanding skillset through online courses and tutorials.",
},
];
export const EDUCATION_ITEM = [
{
education: "SMK Muhammadiyah 1 Tegal",
degree: "Multimedia",
period: "2020 - 2023",
description:
"Completed vocational high school with focus on multimedia and digital content creation. Gained hands-on experience with industry-standard creative software, Creative Suite for video editing, motion graphics, and photo manipulation. Developed strong foundation in visual design principles and digital storytelling.",
},
{
education: "Politeknik Harapan Bersama Tegal",
degree: "Applied Bachelor (D4) in Informatics Engineering",
period: "2023 - 2027",
description:
"Currently pursuing applied bachelor's degree with focus on practical software engineering. Studying modern web development, database design, system architecture, and software project management. Gaining hands-on experience through industry-focused coursework and real-world projects.",
},
];
export const PROJECTS = [
{
title: "Harber Marketplace Frontend",
description:
"Harber Marketplace Frontend adalah aplikasi web (tampilan depan) yang menjadi pusat belanja online bagi UMKM Indonesia. Aplikasi ini menyatukan dan menampilkan produk dari berbagai toko UMKM ke dalam satu platform, memudahkan pembeli untuk menemukan dan berbelanja. Seluruh data dan logikanya diatur oleh sistem backend terpisah yang dibangun dengan Laravel.",
imageUrl:
"https://res.cloudinary.com/dxurnpbrc/image/upload/v1752733466/Marketplace_UMKM_HARBER_ynqv49.png",
href: "/projects/harber-marketplace",
stack: [
"Next.js",
"TypeScript",
"React Query",
"Zustand",
"Axios",
"Tailwind CSS",
"shadcn/ui",
],
featured: true,
category: "WEB DEVELOPMENT",
role: ["Frontend Developer"],
useCase: ["Frontend E-commerce Marketplace", "Digitalisasi UMKM"],
ctaButtons: {
primary: {
label: "Kunjungi Marketplace",
href: "#",
},
secondary: {
label: "GitHub Repo",
href: "https://github.com/Marketplace-UMKM-Harapan-Bersama/harber-marketplace-frontend/",
},
},
team: [
{
name: "Ahmat Fauzy",
role: "Frontend Developer",
github: "https://github.com/ahmatfauzy",
},
{
name: "Fadil",
role: "Frontend Developer",
github: "https://github.com/fadilsflow",
},
{
name: "Jamal Apriadi",
role: "Mentor",
github: "https://github.com/jamalapriadi",
},
{
name: "Andika",
role: "Project Manager",
github: "https://github.com/not-dika",
},
],
},
{
title: "Dya Collection",
description:
"A website-based e-commerce platform developed to digitize the 'Toko Koleksi Tas DYA' MSME, a women's bag store that previously relied on conventional sales methods. As a Community Service Project (PPM), this solution was designed to expand market reach, professionalize sales processes, and streamline data management. Built with Next.js, the platform features a complete product catalog, an online ordering system, and a comprehensive admin dashboard for managing products and transactions, empowering the business to compete in the digital era.",
imageUrl:
"https://res.cloudinary.com/dxurnpbrc/image/upload/v1752689356/1_rzhmbk.png",
href: "/projects/dya-collection",
stack: [
"Next.js",
"Clerk",
"Prisma",
"PostgreSQL",
"Cloudinary",
"shadcn/ui",
],
featured: true,
category: "WEB DEVELOPMENT",
role: ["Full-stack Developer", "UI/UX Designer"],
useCase: ["E-commerce Platform", "MSME Digitalization"],
ctaButtons: {
primary: {
label: "Visit Store",
href: "https://dya-collection.vercel.app",
},
secondary: {
label: "GitHub Repo",
href: "https://github.com/ahmdsaif87/dya-collection",
},
},
team: [
{
name: "Wahyu Akhmad Fadillah",
role: "Full Stack Developer",
github: "https://github.com/fadilsflow",
},
{
name: "Ahmad Saifi K.U.",
role: "Backend Developer",
github: "https://github.com/ahmdsaif87",
},
{
name: "Dede Fernanda",
role: "Frontend Developer",
github: "https://github.com/ddfrnnd",
},
{
name: "Alifia Shafa Shabrina",
role: "Frontend Developer",
github: "https://github.com/Alifia-30",
},
],
},
{
title: "SyncRank",
description:
"A decision support system (DSS) based on AI to help educational institutions in objectively ranking student achievements. Built with Next.js, SyncRank implements the SAW (Simple Additive Weighting) method and is enhanced with AI for intelligent recommendations. Key features include efficient data management with Excel import/export, interactive dashboard, and instant PDF report generation.",
imageUrl:
"https://res.cloudinary.com/dxurnpbrc/image/upload/v1750862288/5_xs3ur8.png",
href: "/projects/syncrank",
stack: ["Next.js", "Clerk", "PostgreSQL", "Gemini API"],
featured: true,
ctaButtons: {
primary: {
label: "Try SyncRank",
href: "https://syncrank.bulba.cloud",
},
secondary: {
label: "GitHub Repo",
href: "https://github.com/fadilsflow/sistem-peringkat-mahasiswa",
},
},
role: ["Full-stack Developer", "AI Integration"],
useCase: ["Decision Support System", "Education Technology (EdTech)"],
category: "WEB DEVELOPMENT",
github: "https://github.com/fadilsflow/sistem-peringkat-mahasiswa",
},
{
title: "Rightsponse",
description:
"AI-powered writing assistant that helps you craft perfect responses for chat messages, emails, and comments. Built with Next.js and Gemini API, it offers customizable language and tone options for better communication. Features include real-time text generation, multiple response formats, and a clean, modern UI powered by shadcn/ui.",
imageUrl:
"https://res.cloudinary.com/dxurnpbrc/image/upload/v1749034640/RIGHTSPONSE_Text_dtvzcu.png",
href: "/projects/rightsponse",
stack: ["Next.js", "Gemini API", "shadcn/ui"],
featured: true,
ctaButtons: {
primary: {
label: "Try Rightsponse",
href: "https://rs.fadils.xyz",
},
secondary: {
label: "GitHub Repo",
href: "https://github.com/fadilsflow/rightsponse",
},
},
role: ["Frontend Developer", "AI Integration"],
useCase: ["Communication Tool", "AI Writing Assistant"],
category: "AI DEVELOPMENT",
github: "https://github.com/fadilsflow/rightsponse",
team: [
{
name: "Wahyu Akhmad Fadillah",
role: "Backend Developer",
github: "https://github.com/fadilsflow",
},
{
name: "Alifia Shafa Shabrina",
role: "Frontend Developer",
github: "https://github.com/Alifia-30",
},
],
},
{
title: "Devporto",
description:
"A modern, feature-rich portfolio website template designed specifically for developers. Built with Next.js and Tailwind CSS, it offers a perfect showcase for your coding journey. Features include GitHub stats integration showing your contribution graph and top repositories, dark mode support, fully responsive layouts, and blazing-fast performance with server-side rendering. The template implements comprehensive SEO optimization with semantic HTML, meta tags, and structured data. Developers can easily customize sections for projects, skills, work experience, and blog posts. Includes image optimization, and accessibility best practices. Perfect for developers wanting a professional online presence with minimal setup.",
imageUrl:
"https://res.cloudinary.com/dxurnpbrc/image/upload/v1747126424/1_ftwuie.png",
href: "/projects/devporto",
stack: ["Next.js", "Framer Motion", "shadcn/ui"],
featured: false,
ctaButtons: {
primary: {
label: "Live Demo",
href: "https://fadils.xyz",
},
secondary: {
label: "Deploy",
href: "https://vercel.com/new/clone?repository-url=https://github.com/fadilsflow/devporto",
},
},
role: ["Frontend Developer", "UI/UX Designer"],
useCase: ["Portfolio Website"],
category: "WEB DEVELOPMENT",
github: "https://github.com/fadilsflow/devporto",
},
{
title: "Bulba Cloud",
description:
"A modern, SEO-optimized landing page and product catalog for a cloud hosting startup. Built with Next.js and Tailwind CSS, the site delivers a seamless user experience for browsing hosting services. Features include optimized page load times, responsive design across all devices, and strategic SEO implementation including meta tags, canonical URLs, and structured data markup. The WhatsApp-based ordering system streamlines customer communication while maintaining a personal touch. Comprehensive service pages for domains, VPS, and hosting are enhanced with rich snippets for better search visibility. Analytics integration helps track conversion rates and user engagement to continuously improve the platform.",
imageUrl:
"https://res.cloudinary.com/dxurnpbrc/image/upload/v1747125582/2_gsmj22.png",
href: "/projects/bulba-cloud",
stack: ["Next.js", "shadcn/ui", "Figma"],
featured: true,
ctaButtons: {
primary: {
label: "Live Demo",
href: "https://bulba.cloud", // ganti dengan URL kamu
},
secondary: {
label: "GitHub Repo",
href: "https://github.com/fadilsflow/bulbacloud", // ganti dengan repo kamu
},
},
role: ["Web Designer", "Frontend Developer", "Marketing"],
useCase: ["Startup Website", "Product Catalog"],
category: "WEB DEVELOPMENT",
},
];
// Links card in links page
export const LINKS_PAGE_LINKS = [
{
label: "Devporto",
href: "https://fadils.xyz/projects/devporto",
description: "Best Developer Portfolio Website Template",
},
{
label: "Youtube",
href: "https://www.youtube.com/@wahyuakhmadfadillah9882",
description: "Nerdy videos about software dev stuff",
},
{
label: "Personal Website",
href: "https://fadils.xyz",
description: "My personal website where I share my thoughts and ideas",
},
{
label: "Blog",
href: "/blog",
description:
"Here are some of my thoughts on software development, design, and more.",
},
{
label: "Projects",
href: "/projects",
description: "A collection of my projects and work",
},
];