Welcome

Welcome to my portfolio page here you can find my latest work, review my code, visit different websites and have fun with interesting web apps.

Select an icon to filter by technology

What I do

Hello, I'm Emir, I create websites that help businesses and individuals to achieve their goals. When I'm not working, I like to explore this beautiful planet with my family.

Who am I

I am Well trained self-started front end Web Developer that knows how to create a design and modify web content, skilled in JavaScript, CSS, HTML, and libraries such as Bootstrap, MaterializeCSS, jQuery, Sass, React with a capacity to adapt and learn fast, knows how to apply all stages of web development.

My Projects

Welfoundmore_vert
Welfoundclose

Welfound the platform which is challenging the recruitment norm, giving Accounting and Finance professionals in London the power to refer one another directly to jobs. My part was, by using CMS Wix.com to create five landing pages, create user forms to collect leads, send automatic response emails and populate the contacts list database.

ManagerAppmore_vert
Project Manager Appclose

This App is a simple project management tool, with authentication and cloud functions. It has login and signup forms connected to firebase auth service, and create new project form connected to Firebase database. Under the hood, it is using React, Redux, and Thunk to use the asynchronous code. Also, a third-party package to connect to Firebase and Firestore from Redux was used. Firebase Cloud Functions are responsible for fleshing out the Notification component in React app, showing any notifications from Firebase.

Marblemore_vert
Marble PSD to HTMLclose

Marbel is PSD Template downloaded from. Later, PSD Template is sliced in Photoshop to web adopted images. Then by using only HTML and CSS with no any libraries or frameworks, the template is turned into a responsisive web page, with hamburger menu added for small screen size devices.

RockPapermore_vert
Rock Paper Scissors Gameclose

Rock paper scissors is a tutorial project. This project is using JavaScript math() methods, math floor and random, to generate random computer choice. Switch loop is comparing between the user and computer choice, and depending on the outcome, the result component is refreshed, and classlist.add and classlist.remove is used to make different colour glow on buttons.

Memory-Gamemore_vert
Memory Card Gameclose

Memory Card Game - is a JavaScript Tutorial. This project is selecting elements in the DOM with querySelector, using forEach() method to iterate through the list, adding and removing element classes and event listeners, using CSS grid to position items, and using perspective and backface transition to simulate card flip. To shuffle cards for every new game, math floor and math random was used.

Pomodoromore_vert
Pomodoro Clockclose

As a part of Free Code Camp front end libraries projects this was a build a pomodoro clock type of sport timer. This project is coded in React.js and for style pure CSS was used and Font-family digital was imported. Moment.js for time format was imported, and setInterval() function for counting seconds. Conditional out put for type of timer, and buttons wisible is implemented.

Calculatormore_vert
Calculatorclose

As a part of Free Code Camp front end libraries projects, this was a build a calculator project. This project is coded in React.js and for style pure CSS was used and Font-family digital was imported. Switch loop is responsible for calculator logic such as no number starts with zero, no two points in one number, more than one operators entered consecutively only last one is valid and so on. React State flags were used to check whether or not operators was used before.

Random-Quotemore_vert
Random Quote Machineclose

As a part of Free Code Camp front end libraries projects, this was a build a random quote machine project. This project is in React.js and it is using Fetch from remote API for making requests and fetching quotes. The problem that occurred was with consistent refreshing of DOM element on state change. To resolve the problem React.js components life cycle hooks were used.

Drummachinemore_vert
Drum machineclose

As a part of Free Code Camp, front end libraries projects was to build a drum machine. This project is using keydown event listener, a JS higher-order function map() to loop through object containing keydown, keyCodes and links to the audio source for HTML audio tag to reproduce a specific sound. To prevent all kinds of bugs, add and remove event listener was placed on life cycles hooks DidMount and WillUnmount.

Markdowmore_vert
Markdown Previewclose

As a part of Free Code Camp front end libraries projects, this was a build a markdown previewer project. This project is importing Marked library to convert Markdown into HTML. Problem was with textarea size. The preset size was not a good solution, textarea size needed to be responsive to the content. The solution was: to place previewer element in same CSS grid row as editor so textarea would follow the size of previewer element.

Trombonesmore_vert
Original trombonesclose

As a part of Free Code Camp responsive web design projects, the goal was to build a product landing page using simple HTML and CSS. Tags media queries, video, nav bar was also used.

Documentationmore_vert
Technical documentationclose

As a part of Free Code Camp responsive web design projects, the task was to build a technical documentation page using simple HTML and CSS. The goal for this page is to make navbar element which should navigate to corresponding sections, and on bigger screen size devices (laptops, desktops), the navbar should be shown on the left side of the screen and should always remain visible to the user.

Tribute-Pagemore_vert
Carl Edward Sagan Tribute pageclose

As a part of Free Code Camp responsive web design projects, the Tribute Page project is using simple HTML and CSS to make a blog website template.

Survey-Formmore_vert
Survey Formclose

As a part of Free Code Camp responsive web design projects, the task was to build a survey form using simple HTML and CSS, form tag and input validation with submit button to make a sample of the survey form.

Sharkmore_vert
Shark Pageclose

Shark Page is one of my first web pages build as part of Studio Web projects link. This responsive web site has fore media queries and it is built in pure HTML and CSS, with no libraries or frameworks. Shark page has embedded video, fix navbar, parallax Hiro image and an alternating number of columns.