profile_pict

KATERINA MAKRI

JUNIOR FRONT-END DEVELOPER


Hi, I am Katerina

Find me on:

linkedin_img
github_img
codepen_img

Featured Work

ping_coming_soon_page_preview

Ping coming soon page

This project is part of the challenges of Frontend Mentor. It is a simple landing page built with HTML and CSS.

Live Demo View on Github
signup_form_preview

Intro component with sign up form

This project is part of the challenges of Frontend Mentor. It is a sign up form built with AngularJs.

Live Demo View on Github
landing_page_preview

Clipboard landing page

This project is part of the challenges of Frontend Mentor. It is a simple landing page built with HTML and CSS.

Live Demo View on Github
quote_machine_preview

Random Quote Machine

This project was created for Front End Libraries Certification by freeCodeCamp.org. It displays random quotes which is fetched by Mashape API.

Live Demo View on Github
co-working_spaces_preview

React App: Co-working spaces in Athens

This project is about to develop a single page application that displays co-working spaces in Athens using Google Maps. The goal of the project is to add functionality to this map including highlighted locations, third-party data about those locations and various ways to browse the content.

Live Demo View on Github
my-reads-preview

MyReads: A Book Tracking App

The goal of MyReads project is to create a bookshelf app that user is allowed to select and categorize books he have read, are currently reading, or want to read. The project emphasizes using React to build the application and provides an API server and client library that student will use to persist information as the user interact with the application.

View on Github
restaurant-reviews-preview

Restaurant Reviews App

For the Restaurant Reviews projects, we incrementally converted a static webpage to a mobile-ready web application. We took a static design that is devoid of accessibility and we changed the design to respond to screens of a different size and to be accessible for the use of the screen reader. We also added a service worker to begin the process of creating a seamless offline experience for our users.

View on Github
frogger_preview

Classic Arcade Game

In this game you have a Player and Enemies (Bugs). The goal of the player is to pass on the other side of the grass, without crashing into any of the enemies. The player can move left, right, up and down. The enemies move in varying speeds on the paved block portion of the scene. Once a the player collides with an enemy, the player moves back to the start square and he looses a life. He has three shots. Once the player pass on the other side of the grass he earns points.

Live Demo View on Github
Matching_game_Preview

Memory Game

The game board consists of sixteen "cards" arranged in a grid. The deck is made up of eight different pairs of cards, each with different symbols on one side. The cards are arranged randomly on the grid with the symbol face down. The gameplay rules are very simple: flip over two hidden cards at a time to locate the ones that match!.

Live Demo View on Github
pixel_art_img

Pixel Art

I built a single-page web app that allows users to draw pixel art on a customizable canvas.The users are able to:

  • Dynamically set the size of the table as an N by M grid.
  • Choose a color.
  • Click a cell in the grid to fill that cell with chosen color.
Live Demo View on Github