Mahmoud Ehab AbouDeghedy's Projects
The Atomic Blog is a React application that allows users to create, search, and manage blog posts. It features a dark mode toggle, search functionality, and the ability to add and clear posts. Users can also view an archive of posts and add them as new posts. The project utilizes React, faker-js, and @faker-js/faker dependencies.
The Basic Banking System is a React and Express-based application enabling users to create accounts, perform transactions, and access account details. It utilizes React, Express, MySQL, Axios, and Nodemon.
Blog-App
Starter files, final projects and FAQ for my Complete Node.js Bootcamp
A series of guides for an article at CSS-Tricks.com
The Friends App is a simple React-based tool for managing your friends and sharing expenses. You can add friends, view their balances, and easily split bills. The technologies behind it include React, TypeScript, and Tailwind CSS for a smooth user experience.
This Next.js project is a web application for managing and displaying events. Users can view featured events, explore event details, register for newsletters, and search for events based on specific criteria. The project includes various components, pages, API routes, and helper functions to provide a seamless user experience.
Implements the Expressjs Hello World example to provide a faster start deploying on the Cyclic platform
General Front End Nanodegree Content Resources
Webpack Content in the Front End Developer Nanodegree program
FlashCardSage is a web application for creating and managing flashcard decks. It allows users to create decks, add flashcards to them, and study the flashcards.
You have to guess the secret number correctly with minimum number of tries
"How React Works" is a project showcasing various concepts and features of React.It includes examples of React components, state management, event handling, conditional rendering, and more.
Design with HTML + CSS
Design with HTML + CSS
A single-page resume template completely typeset with HTML & CSS.
Important Terminal Commands
The "Memory Game" is a classic card-matching game built with JavaScript, HTML, and CSS. It features a grid of 16 shuffled cards, each with a hidden image. Players must flip two cards at a time to find matching pairs. The game tracks moves, time, and best scores. To play, open the HTML file in a web browser and start matching cards.
MyReads is a React-based book tracking app that allows users to organize their books into different shelves, including "Currently Reading," "Want to Read," and "Read." Users can search for books and add them to their shelves, and move books between shelves as needed.
This project is a personal blog developed by Mahmoud. The blog focuses on programming and web development topics. It includes featured posts on the home page and a hero section. The project also includes dynamic page generation for each blog post page and a section for personal-contact to send feedback.
Pig Game is a fun, interactive dice game built with HTML and JavaScript.Players take turns to roll a die, aiming to reach a score of 100 first.The game logic is handled in JavaScript, while the interface is designed using HTML.
Fast React Pizza Co.is a React-based web application that displays a dynamic pizza menu.The application allows users to view pizza details, including name, ingredients, price, and availability.
The "React Quiz App" is a quiz application developed with React, allowing users to answer a series of questions and receive scores based on their responses. It's built with React and utilizes json-server for a mock REST API during development.
This project is a banking application built using React and Redux. It allows users to create new customers, manage accounts, deposit and withdraw funds, request loans, and pay back loans.
The Shopping Cart Redux App is a React and Redux-based application for adding and managing products in a shopping cart, with state management via Redux. For production deployment, use npm run build. This app is built with React, Redux, and Redux Toolkit.
Steps is a simple React application that guides users through a series of messages.Users can navigate through the steps, and close or reopen the interface as needed.