"My name is Mehmet Berke Karadayi"

Hello there! I am an electrical engineering student in Vancouver, Canada. I am always willing to learn and discover new things that advance engineering towards innovative solutions. I have an avid interest in software, programming and especially front-end development.

Welcome to my
portfolio

As a fourth-year electrical engineering student at the University of British Columbia, I am a highly extroverted, dedicated, and open-minded individual who excels at communicating and adapting to changes. Besides excelling in my academic life, I have also honed my skills in software, programming, and full-stack development by taking online courses and participating in various events. Additionally, I have a strong passion for sports, particularly football, which I often enjoy watching in my spare time.


Chat App

Real Time Chat Application

The Chat-App is a messaging platform designed for seamless user communication. Built with Next.js and a Node.js backend using PostgreSQL, it offers secure authentication for account management. Users can engage in real-time one-on-one conversations with features like message sending, deletion with confirmation, and persistent message history. A searchable contact list, user avatars, and timestamps enhance the visually appealing, responsive UI.

YouTube
Simulation

Youtube Simulation Application

A dynamic video player web application using JavaScript, React, and Semantic UI. The application allows users to seamlessly search and play any video on YouTube, thanks to the integration of Google Developers Club's API, which provides efficient and accurate access to a vast library of videos. The project prioritized the user experience and optimized the application with key features such as video playback controls and playlist functionality to drive increased engagement.

Weather Application

React-based Weather Application

A React-based web application that fetches and displays real-time weather data for a specific location using the OpenWeather API. In addition, the application uses the user's location to dynamically change the background and logo based on the current weather conditions. The application features a search bar that enables users to retrieve information on the current temperature, weather description, feels-like temperature, humidity, and wind speed. The UI is styled with Tailwind CSS, and the codebase uses React hooks like useState and useEffect to manage state and efficiently handle API requests via the axios library.

City | Workout
Application

City Workout Tracking Application

A web-based workout tracking application has been developed using JavaScript, HTML, and CSS, providing a personalized and easy-to-use workout management tool. With the ability to manage workout plans for both running and cycling, users can enter their information and keep track of their progress seamlessly. To ensure accuracy in tracking workouts, the application utilizes the Geolocation API and Google Maps' server-side data rendering to detect the user's location asynchronously.