Hi, I'm Ilyas

Junior Frontend Engineer | React, Next.js, Tailwind CSS

I specialize in building responsive, user-friendly interfaces using React, Next.js, and Tailwind CSS. I’m passionate about creating clean, maintainable code and continuously improving my skills in front-end development.

About Me

Ilyas Bikarnaf

I’m Ilyas, a Junior Frontend Engineer with a passion for building responsive, user-friendly web applications. I specialize in React, Next.js, and Tailwind CSS, and I also have foundational experience with back-end technologies like Node.js, Express.js, and MongoDB. My strong understanding of JavaScript and TypeScript allows me to create scalable, maintainable code.

In addition to hands-on project experience, I accelerate my growth through weekly mentorship sessions with industry professionals from top tech companies like Google, Meta, Apple, LinkedIn, and Amazon. These sessions provide me with valuable insights into best practices, advanced development techniques, and the latest industry trends, which I actively apply to my work.

I’m constantly striving to improve my skills, both technically and professionally, as I continue to build my career in web development.

My Skills

Frontend

React
Next.js
Tailwind CSS
HTML
CSS
JavaScript
TypeScript

Backend

Node.js
Express.js
MongoDB
Mongoose
REST APIs

Tools & Others

Git
GitHub
Agile Methodologies
Collaboration & Communication

My Projects

FocusFlow

FocusFlow

A full-stack CRUD app to manage user data, integrating MongoDB with Mongoose for efficient database operations.

Next.js 15
React 19
TypeScript
Tailwind CSS
HeroUI
Clerk
React Hook Form
Zod
MongoDB
Mongoose
React Toastify
WorldRanks

WorldRanks

An app to fetch and display data from a third-party API, using React for a responsive UI and Context API to avoid multiple refetches.

Next.js 15
React 19
TypeScript
Tailwind CSS
HeroUI
React Toastify
Context API
ClariCash

ClariCash

ClariCash is a simple personal finance tracker that lets you add and remove incomes and expenses, view daily and lifetime summaries in interactive charts, and analyze your spending in 3-hour time chunks. You can click on any day to manage transactions and instantly see the financial breakdown.

Next.js 15
React 19
TypeScript
Tailwind CSS
MongoDB
Mongoose
React Query
React Hook Form
Zod
Chart.js
JWT
bcrypt
GrindFlow

GrindFlow

A flexible Discord bot that automatically sends scheduled daily messages to your chosen channel. Perfect for daily coding challenges, quotes, reminders, journaling prompts, or team standups. Fully customizable and easy to set up for any daily automation task.

TypeScript
Node.js
Discord.js
Cron
nodemon

Get In Touch

Contact Information

Feel free to reach out to me through the form or directly via email or social media. I'm always open to discussing new projects, opportunities, or just having a chat.