Hi, my name is

Kemal Merdan. I build things for the web.

I'm a full-stack developer with experience working with HTML, CSS, JavaScript, React, Next.Js, TypeScript, Node.Js Tailwind, Material Ui and Bootstrap. I am passionate about creating visually appealing and intuitive web applications and websites that offer a superior user experience.

About Me

My passion lies in creating visually attractive and intuitive web applications and websites that provide an outstanding user experience. Progress, development, and customization are key aspects of my approach to web development. I personally developed myself through successful freelance projects, and I gained invaluable experience during my internship in an Austrian company. In addition to the mentioned technologies, I passionately devote myself to creating websites that are not only functional, but also aesthetically appealing and adapted to the needs of users. I am always open to new challenges.

  • JavaScript (ES6+)
  • Next.Js
  • React
  • NodeJs
  • MongoDB
  • TypeScript
  • Express.js
  • Tailwind
  • Material Ui
  • Bootstrap

Where I have worked

  • Blue Duck
  • Freelancer

IntershipBlue Duck

October 2022 - March 2023

  • I worked at Blue Duck IT Solutions for four months & Services Company to an Austrian company, I was in charge of developing a web application that represented a dashboard. The main goal of the project was to create an application that would faithfully reproduce the design on the Figma platform, while ensuring high performance.
  • My task was to copy or write the code to build the dashboard website according to the Figma design. In addition, special attention was paid to optimizing the performance of the application, ensuring that the page loads quickly and that the user has a smooth user experience. During the development, I worked on the implementation of functionalities such as data display, interactive graphs, data filtering and sorting, dark mode and similar. I also made sure that the app adapts properly to different screen sizes and devices so that it is responsive and useful on all devices.
  • In addition to developing the dashboard web application, I had the additional task of redesigning the existing website to improve it. I took over the site and implemented a new design that improved the user experience and visual appeal. I analyzed the existing design, identified flaws and applied modern design concepts. I changed the arrangement of elements, color palette, typography and visual effects.

My projects

Projects that I singled out

Dashboard

Feature Project

Prompt Genius App

"PromptGenius" is an innovative application that uses the power of artificial intelligence (AI) to generate creative prompts. With "PromptGenius" you can discover diverse and original prompts to help you develop new ideas, find new ways of thinking and expressing yourself, and share your creative output with others.

  • Next.Js
  • Express
  • MongoDB
  • Tailwind
Movie App

Feature Project

Taxi Booking App

This Next.js app integrates Clerk for authentication, Mapbox and React Map GL for route display, Redux for state management, Tailwind CSS for styling. Users can quickly register and login. After logging in, they can enter their departure and destination locations for the app to display the route, distance and taxi information. The application also allows users to view and book vehicles, with prices depending on the choice. This intuitive app makes it easy for users to plan and book taxis.

  • Next.Js
  • Clerk
  • Redux
  • Mapbox
  • React Map GL
  • Tailwind
Dashboard

Feature Project

Dashboard App

As an internship for a company and Austria, During my internship, I developed a high-performance web application that served as a dashboard. My main responsibility was to translate the Figma design into a functional website. I focused on writing or copying code to accurately represent the design and optimizing the application's performance for fast page loading and a seamless user experience.

  • React
  • Material Ui

Other Noteworthy Projects

view the archive

Quizzes App

This React app allows users to create, edit, delete, and take quizzes. After the user to the application, a table with a list of all quizzes created so far is displayed on the home page, along with buttons to delete and view quizzes. Clicking on the quiz view button opens a page where each question is displayed as a slide in a slideshow...

  • React
  • Redux
  • MaterialUi

Shopping cart

As part of the project, I developed a fully functional online shopping cart using React, TypeScript and Bootstrap. The shopping cart allows users to add products to the cart, delete products from the cart, and display the total number of products in the cart.

  • React
  • Bootstrap
  • Typescript

Movie App

This React app allows users to browse top-rated TV shows and movies, perform searches, and have a detailed view of individual items. TheMovieDB API is used to collect data. The application uses React Hooks, React Context and React Router. CSS styling is implemented using the Semantic UI framework.

  • React
  • Semantic UI
  • The movie API

Coin App

This online cryptocurrency store is implemented in React. It uses the Coingecko API to gather cryptocurrency data and ApexCharts to display price changes. Communication with the API is done using the Axios library, and application state is managed using display state. Users can browse the list of cryptocurrencies and see the details of the selected cryptocurrency such as price, market cap, volume and price change.

  • React
  • Bootstrap
  • Apexcharts

Todo List

This application is a classic To-Do list that allows users to organize their tasks and obligations. Users can add new items to the list, mark items as complete, edit existing items and delete them as needed.

  • React
  • Framer-motion
  • Redux-toolkit

CRM clone

CRM-clone application is a classic copy of CRM (Customer Relationship Management) software that helps users organize, monitor and manage their business relationships with clients. This application allows users to enter and manage customer information, including basic information such as name, address, contact information, etc.

  • React
  • useContext

What is Next ?

Get In Touch

If you are looking for a skilled and reliable developer for your next project, I would be delighted to connect with you. Feel free to reach out to me through the email. Let's collaborate and bring your ideas to life!