Hi, I’m Elif
Front-End Developer

I am passionate about building things on the internet that not only look great, but provide a seamless and enjoyable user experience.

Go to my GithubGo to my TwitterGo to my LinkedIn

Work

makermatic

#wip

screenshot of my current project makermatic

I'm currently working on a web app that combines AI, gamification and positive reinforcement to motivate users to complete their DIY projects. It uses AI to track the user's progress and suggest daily tasks, while also providing a visual representation of their progress. I am using the GPT API and working with the new React Server components and app directory of Next.js. For database management, I am exploring the new Drizzle ORM with SQLite.

React
Next.js
TailwindCSS
Typescript
DrizzleORM
SQLite
GPT API
Figma
Node.js

92commits in117days

moment

screenshot of my project 'moment'

As part of an application process, I developed a website that allows users to share images and tag them with relevant keywords. I took the opportunity to learn cutting-edge technologies, such as the UploadThing library for image uploads and Playwright for E2E testing. I also used the intercepting routes of Next.js to enhance the user experience as well as React Server Components for server-side data fetching and faster performance. To ensure accessibility, I utilized the HeadlessUI library for the image modal.

React
Next.js
TailwindCSS
Typescript
E2E-Testing (Playwright)
DrizzleORM
SQLite
Figma
Node.js

58commits in25days

Portfolio

screenshots of my portfolio website

My portfolio showcases my web development projects and skills, along with a blog section where I share my insights and experiences. The blog posts are rendered using the react-markdown and react-syntax-highlighter libraries. To provide an interactive view of my contributions to my projects, I have created a visualization of my commits using the GitHub REST API. The blog section is built with Incremental Static Regeneration (ISR) of Next.js for optimal performance and my database is hosted on PlanetScale.

React
Next.js
TailwindCSS
Typescript
Node.js
Express.js
MySQL
GitHub API
Figma

87commits in187days

Skyhub (Rework)

screenshots of the website Skyhub

The task was to rework a second version of the website using a modern stack, with a focus on improving the user experience and creating a fully responsive version. Skyhub aimes at airlines and recruitment companies, as well as individuals searching for aviation jobs or interested in careers in the industry. Features include: "Job Market" where airlines or recruiters can post jobs, insights into specific airlines and salaries for which every visitor can submit new information, a registration and login process. A group project with Isamu Schlothauer, João Mota, Diogo Augustinho and Iryna Kukuruza.

React
Next.js
SaSS
TailwindCSS
Typescript
Node.js
Express.js
MySQL
Figma

86commits in39days

musiQue

screenshots of the website Musique

musiQue offers music lovers a chance to discover new music through the Spotify API. Using React and API implementation, the website displays the most popular songs and trending artists for selected genres, with new updates every week. Users can preview songs, shuffle playlists, and listen to top tracks from specific countries. The recommended section highlights standout tracks that catch our team's attention. A group project with Isamu Schlothauer, João Mota, Diogo Augustinho and Iryna Kukuruza.

React
Spotify API
CSS
Figma

41commits in28days

I love to share my learnings through writing, check out my latest posts

Writing

About me

I'm a curious Junior Front-End Developer with a solid backend knowledge and a keen eye for UI/UX design. Clean and readable code is my top priority and I'm always looking for ways to improve the user experience. I like to keep up-to-date and enjoy learning new cutting-edge technologies and frameworks.


After working in Research, (Higher) Education, and Project Management, I made the decision to pursue my passion for web development. It all started with a side project, where I took on the UX Design responsibilities and realized how excited I was about the process of building a user-centric product.


Through self-learning on platforms like Udemy, I delved into HTML, CSS, and JavaScript and graduated from a 5-month Full-Stack Web Developer bootcamp where I gained in-depth knowledge of HTML, JavaScript, CSS, and React, applying them practically in group projects. While developing responsive and user-friendly websites, I worked with Next.js, Typescript, Express.js and MySQL.


Since then, I've continued my learning journey, constantly building projects and exploring new technologies. Feel free to check out my work and reach out.

Checkout my Github:

Go to my Github

I also tweet about coding:

Go to my Twitter

Technologies and tools I've been working with:

HTML
CSS
TailwindCSS
JavaScript
TypeScript
React
Next.js
E2E-Testing (Playwright)
Express.js
MySQL
SQLite
ORM (DrizzleORM)
Node.js
Figma
Git
GitHub

elifscode

© 2023 designed & built by Elif Gömleksiz