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
My projects
Projects that I singled out
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
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
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