Mohamed Waled Farag Youssef's repositories
How-To-Build-Multilingual-Website-Using-JS
In this repo I'll discuss how to build multilingual website using JS and JSON.
Product-Preview-Card-Component
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.
webSite
A perfect website template for any business that contained a lot and a lot of things such as a landing section to Introduce yourself, an articles section where you can put in it your featured articles, a gallery section to put the most important images of your business, features section to put in it the services you provide to your customers, testimonials section to put in it customers opinions, team member section to give them credit in it about what they have done and way more than that. I've used pure HTML, CSS, and JavaScript.
A-25-5-Clock
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.
Personal-Portfolio-Webpage
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**
Product-Landing-Page
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.
Survey-Form
A survey form section that you can use to collect data from your users. I've used HTML and CSS.
Technical-Documentation-Page
It's a technical documentation page but you can modify it to use it as terms of use and privacy policy for your website and add whatever data you want. I've used HTML and CSS.
Tribute-Page
A tribute page that you can use on your website to tell people who visit your business history and how you developed it and yourself. I've used HTML and CSS.
Caesars-Cipher
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.
Cash-Register
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.
Clipboard-Landing-Page
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.
Drum-Machine
This is a drum machine that has two banks. I've used React.js.
Four-Card-Feature-Section
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.
Fylo-Data-Storage-Component
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.
Fylo-Landing-Page-With-Two-Column-Layout
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.
Huddle-Landing-Page-With-a-Single-Introductory-Section
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.
Huddle-Landing-Page-With-Alternating-Feature-Blocks
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.
JavaScript-Calculator
This is a JavaScript Calculator. I've used React.js.
Markdown-Previewer
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.
Mohamed-Waled
About Me
Palindrome-Checker
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.
Profile-Card-Component
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.
Random-Quote-Machine
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.
Roman-Numeral-Converter
Convert the given number into a roman numeral.
Single-Price-Grid-Component
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.
Social-Proof-Section
A social proof section that you can use to showcase your customers' testimonials and their rates. I've used HTML and CSS.
Telephone-Number-Validator
Return true if the passed string looks like a valid US phone number. The user may fill out the form field any way they choose as long as it has the format of a valid US number. The following are examples of valid formats for US numbers (refer to the tests below for other variants): 555-555-5555 (555)555-5555 (555) 555-5555 555 555 5555 5555555555 1 555 555 5555 For this challenge you will be presented with a string such as 800-692-7753 or 8oo-six427676;laskdjf. Your job is to validate or reject the US phone number based on any combination of the formats provided above. The area code is required. If the country code is provided, you must confirm that the country code is 1. Return true if the string is a valid US phone number; otherwise return false.
Testimonials-Grid-Section
A testimonials grid section can be a really good testimonials page that includes five or more customer opinions about your work with their photo, name, job title, and opinion. I've used HTML, CSS, and CSS Grid.
To-Do-App
This is a To-Do App With Local Storage That Can Save Your Tasks in it Till You Delete Them includes an input field to write your task and a section to show you them and a button to delete the one you finish and when you click on any task it will be faded as it is done. I've used HTML, CSS, and JavaScript.