My Projects
Putting my knowledge into practice and building projects has always pushed me one step further towards becoming a better developer. You can take a glance at some of my projects in this section.
Recipedia
Recipedia allows users to search thousands of recipes using the Forkify API. Users can also bookmark recipes and create their own recipes. In this project, I utilized Object-Oriented Programming principles, JavaScript modules, MVC architecture, and modern tools like NPM, Parcel, and Babel.
Motion
Motion app is designed based on object-oriented programming (OOP) principles. It can detect your current position on the map and allows you to mark your workout location thanks to Leaflet.js. Moreover, you can collect data for each workout and observe them in the sidebar.
usePopcorn
This React app lets you search for and browse movies using the OMDB API. You can view movie details, rate movies, manage a list of watched movies, and search for new ones. The app uses local storage to keep track of your watched list.
DevBey Portfolio
All visitors can check out the source code of this portfolio website coded by me that you are currently on.
Bank App
Bank App allows you to perform and monitor real-time
transactions. Log in using following credentials:
∘ User 1: bey & 8888
∘ User 2: jt & 1111
React Quiz App
This is a quiz app made with React. It fetches questions from a JSON file and lets users answer them within a time limit. Users earn points for correct answers and can see their score at the end. The app also tracks the highest score.
SneakerHoops
SneakerHoops is a template for an online shoe store with a professional design, allowing users to partially interact with the platform.
Classy Weather
This React app displays the weather forecast for a location specified by the user's search. It uses the Open Meteo API for weather data. This app is built using old-school class-based components in React.
Far Away
With this app, you can manage your packing list by adding, deleting, and toggling items as needed, while also keeping track of your packing progress.
Eat 'N Split
This app is a simple bill splitting tool for friends. Users can add friends, view their balances, and split bills with selected friends.
Momentum Dashboard
Momentum Dashboard project operates as a browser extension allows user to use personalized dashboard on their browsers. It supplies many different data via Unsplash Image API, Open Weather API, CoinGecko Crypto API, and Geolocation.
Expense Tracker
Expense Tracker is an user-friendly application to track users' expenditures, and it enables users to filter and analyze expenses based on both month and year.
Meme Generator
Meme Generator project allows visitors to create a meme by entering a top and bottom text on the image that is fetched from Imgflip API .
Guess The Number
The user is required to guess the number determined by the application. The user starts the game with 20 points, and for each incorrect guess, the score decreases by 1.
Music Player
Many different songs have been hardcoded in the source of Music Player app. Site visitors are able to select the song they want to listen, change the sound level, or pause and replay the song.
Todo App
Todo App is fully useful to organize daily tasks. It uses local storage of the user's device, and it allows users to add new tasks, edit them, and delete the completed ones. Moreover, the tasks can be displayed in different tabs such as "All", "Pending", "Completed".
Quiz App
Quiz App features hardcoded questions related to web development and a countdown timer for quick responses.
Dice Duel
Dice Duel is a fun two-player dice-rolling game. Continuously rolling the dice is good as long as you avoid rolling a 1, but remember the importance of holding your current score to increase your total score. Otherwise, rolling a 1 will reset your current score. The first player to reach a total score of 100 wins the game.
Snake Game
Nostalgic snake game that is available on desktops is provided for users in this project. Eat the apples, but be careful about snake not to hit the walls or its own body.
Pac-Man Game
User must try to achieve 274 points to win the game. Collect pac dots for 1 point each and power pellets for 10 points each. Power pellets temporarily scare ghosts for 10 seconds, turning them gray and allowing Pac-Man to eat them for 100 points. Beware, unscared ghosts can destroy Pac-Man.
Stop Watch
Stop Watch presents a simple timer that has a start, pause, and reset button.
Click and See
With Click and See project, I wanted the visitor to guess my favorite ones about specific topics.
Quote Generator
Quote Generator contains various hardcoded legendary movie quotes into its source. These quotes are displayed randomly on the page via a button.
Add User Tool
Add User Tool is a simple application that allows dynamically displaying the username and age information on the page.
Bored Bot
Bored Bot is a fun web page that provides activity ideas through the Bored API for people who are feeling bored.
Interactive Search Bar
This simple application tracks the user's keyboard inputs in real-time and displays relevant results on the screen accordingly.
Card War Game
Card War Game works by evaluating the many card data that is fetched from Deck of Cards API. Visitors can try the game out against the computer.
Movie Search App
Movie information is fetched from The Movie Database (TMDB) API. In this way, users can search for movies and see corresponding data on the web page.
Pizza Menu
This website is for a fictional pizza restaurant called Fast React Pizza Co. It displays the menu of pizza varieties, opening hours, and ordering information.
The Greatest Lakers
It's a simple and user-friendly app that provides information about the top 5 players who have played for my favorite NBA team, designed to capture the interest of basketball fans.
Movie Posters Carousel
This carousel project displays some movie posters and allows user to navigate between the images.
Blog Space
With Blog Space, users can dynamically share a blog post on this page on any topic. The random content for existing posts is retrieved from the JSONPlaceholder API.
Motion Gym
Motion Gym is a fitness center website template which is built by HTML, CSS, and a little JavaScript
Moviemaniax
MovieManiax is a static website project featuring an HTML, CSS, and SASS-built user interface for a film archive and recommendation platform.
Autoblaze
Autoblaze project presents a luxury car store landing page. "Float" was used for overall layout to practice old school CSS.
Prime Agency
Prime Agency is a website template for an online service-providing agency with an pleasent design.
MovieApp
MovieApp is a static movie page template formed with HTML and CSS.
HiQu Hotel
HiQu Hotel is a static hotel page template formed with HTML and CSS.
Adventurous
Adventurous is a travel guide interface which is built via CSS Grid Layout.