Mohamed Waled Farag Youssef's Projects
A 3-column preview card component that you can use to show your featured services or your featured products includes 3 cards one for each product, the title of the product, a small description, and a learn more button. I've used HTML, CSS, and a mobile-first strategy.
This is a Pomodoro timer that you can set session length from 1 to 60 minutes and the break length too but by default, it is 25 for a session and 5 for a break. I've used React.js.
One of the simplest and most widely known ciphers is a Caesar cipher, also known as a shift cipher. In a shift cipher the meanings of the letters are shifted by some set amount. A common modern use is the ROT13 cipher, where the values of the letters are shifted by 13 places. Thus A ↔ N, B ↔ O and so on. Write a function which takes a ROT13 encoded string as input and returns a decoded string. All letters will be uppercase. Do not transform any non-alphabetic character (i.e. spaces, punctuation), but do pass them on.
Design a cash register drawer function checkCashRegister() that accepts purchase price as the first argument (price), payment as the second argument (cash), and cash-in-drawer (cid) as the third argument. cid is a 2D array listing available currency. The checkCashRegister() function should always return an object with a status key and a change key. Return {status: "INSUFFICIENT_FUNDS", change: []} if cash-in-drawer is less than the change due, or if you cannot return the exact change. Return {status: "CLOSED", change: [...]} with cash-in-drawer as the value for the key change if it is equal to the change due. Otherwise, return {status: "OPEN", change: [...]}, with the change due in coins and bills, sorted in highest to lowest order, as the value of the change key.
A clipboard landing page you can use as a home page for your business, application, or even your portfolio as it's nice, tidy, and crystal clear and you can add to it whatever you want. I've used HTML and CSS.
This is an app to calculate the distance between two points In a 2-dimensional coordinate system in (X, Y) format. I've used HTML, CSS, and JavaScript.
This is a drum machine that has two banks. I've used React.js.
A four-card feature section that you can use to show your most powerful services with a small description of each of them includes four cards each for one service. I've used HTML and CSS.
A Fylo data storage component is a component that you can use it tell the website user how much storage is available for them to use and there are three buttons that they can use to upload files or folders or any other type of data. I've used HTML and CSS.
A Fylo landing page with two column layout you can use as a home page for your business, application, or even your portfolio as it's nice, tidy, and crystal clear and you can add to it whatever you want. I've used HTML and CSS.
In this repo I'll discuss how to build multilingual website using JS and JSON.
A huddle landing page with a single introductory section includes a hero image, a title, a small description, a register button, and social media account. I've used HTML and CSS.
A huddle landing page with alternating feature blocks you can use as a home page for your business, application, or even your portfolio as it's nice, tidy, and crystal clear and you can add to it whatever you want. I've used HTML and CSS.
This is a JavaScript Calculator. I've used React.js.
A template landing page includes five sections that you can navigate through them using the navbar and when you reach the section you want a nice animation will start in the background. I've used HTML, CSS, and JavaScript.
This is a markdown previewer that uses marked library to parse the MD text into a text for readme files. I've used React.js.
About Me
An NFT preview card component includes An image of the NFT, the name of it, a short description, the price, the creator, and a Small Hover State. And I've used: HTML, CSS, CSS Flexbox.
An order summary component includes: what you are purchasing, the plan, the price of the plan, and three buttons to change, cancel or complete the purchase. And I've used: HTML, CSS, CSS Flexbox
Return true if the given string is a palindrome. Otherwise, return false. A palindrome is a word or sentence that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing. Note: You'll need to remove all non-alphanumeric characters (punctuation, spaces and symbols) and turn everything into the same case (lower or upper case) in order to check for palindromes. We'll pass strings with varying formats, such as racecar, RaceCar, and race CAR among others. We'll also pass strings with special symbols, such as 2A3*3a2, 2A3 3a2, and 2_A3*3#A2.
A personal portfolio webpage that contains what anybody needs in its portfolio like a little about yourself and your projects and you can add another page for every project to tell people about it and last but not least the footer section that has all your social media accounts. I've used HTML and CSS. P.s. It is just a project for the certificate and it is not my official portfolio**
A product landing page you can use if your business is all about one product. It's a good landing page that tells the customer everything about you and your product. I've used HTML and CSS.
A product preview card component includes a photo of your product, its name, a little description of it, its price, and a button to purchase it. I've used HTML and CSS.
A profile card component includes a picture of the owner of the profile, their name, their country, and some stats of their account. I've used HTML and CSS.
A QR code component that you can use it to show you important QR codes in an elegant way includes the QR code itself, a title, and a little description, I've used HTML and CSS.
This is a random quote machine that uses API to get the quotes and make them appear in front of you. I've used React.js.
Convert the given number into a roman numeral.
A single-price grid component that you can use to put one product and its price and a detailed description about it or use it for any similar thing like a service subscription. I've used HTML and CSS.
A social proof section that you can use to showcase your customers' testimonials and their rates. I've used HTML and CSS.
A stats preview card component includes a title that tells you what the insights are about, a little description, and the insights themselves. I've used HTML and CSS.