Cashier

JAVASCRIPT HTML & CSS

read more ⬇

A program that helps a cashier give adequate change to customers. It return the amount of notes and coins for the customer's change.

Example: If the price is €3.75 and the paid amount is €50, then the client should receive €46.25 back in change.

click here to visite the site

Clinic

JAVASCRIPT HTML & CSS

read more ⬇

This project was a template website for a doctor friend that has a laboratories and a clinic. The aim was to work on a complete project from styles to data handling and deployment as well.

click here to visite the site

Themes

HTML & CSS

read more ⬇

A simple glowing checlbox button that switch between dark and light theme. The deployment was on netflify.

click here to visite the site

Guessing Game

JAVASCRIPT HTML & CSS

read more ⬇

A UI for a guessing game where the player has to guess a number in the browser. The player input the guess in the browser and recieve an answer will be displayed to show if the guess was successful or not The player also see how many attempts there is left. After three attempts, the player will be informed that they have either won (on the last attempt) or lost the game. The player able to restart the game.

click here to visite the site

Chatroom

JAVASCRIPT HTML & CSS

read more ⬇

Firebase

A realtime chat app using firebase as a database. Three JAVASCRIPT files were created to handle the database, the UI, and to combine them together.

click here to visite the site

Posts Manager

JAVASCRIPT HTML & CSS

read more ⬇

REACT

A simple Posting app with authentication to signup and signin. The project is based on React and google firebase for data. The styles are initial as the focus was on the authentication.

click here to visite the site

Quiz

JAVASCRIPT HTML & CSS

read more ⬇

JAVASCRIPT

A Quiz templte that allow to choose from the giving answers and then recieve a percentage grade with some animation.

click here to visite the site

Quotes

JAVASCRIPT HTML & CSS

read more ⬇

A quote of the day generator that returns a random quote from the array of quotes. Used multiple functions, that do one specific thing only to make the code more readable and easier to maintain / extend. Used modules to complete the task of importing the quotes into the main javascript file. The user is able to click a "Random Quote" button to generate one of the quotes.

click here to visite the site

React Router

JAVASCRIPT HTML & CSS

read more ⬇

REACT

The goal of this project was to practice React Router. AXIOS is used as well in addition to a JSON placeholder to request an API.

click here to visite the site

Tic Tac Toe

JAVASCRIPT HTML & CSS

read more ⬇

REACT

This is my first React project. It was fun and easy to follow the documentation and build a Tic Tac Toe game. No fancy styles were applied, as the main focus was giving the ability to jump between the stages of the game by saving each move in the state of the component.

click here to visite the site

ToDo

JAVASCRIPT HTML & CSS

read more ⬇

JQUERY

The application have an input text field inside a form and a button for submitting. The user is able to write any task in the input field and then see the task as a list item below. Any time the form is submitted (by either hitting enter on the field, or by clicking the button) a new list item is created with the text of the content of the input field.

click here to visite the site

Like what you see? Email me at mohammad.kh.8688@gmail.com for a talk!

Copyright 2021 Mohammad Kharma

Powered by Gatsby