Name: Mahdi Rezaei
Type: User
Company: @microverseinc
Bio: I'm a full-stack developer specializing in Javascript, TypeScript, React, Redux, PHP & JAVA. I enjoy coding and building apps that make life easy.
Twitter: Mahdi_Rezaei_AF
Location: Kabul, Afghanistan
Blog: https://mahdisohaily.github.io/
Mahdi Rezaei's Projects
This id a simple NTF card component solution to the frontend mentor website challenge. according to the this challenge the user have to be able to: -View the optimal layout depending on their device's screen size . - See hover states for interactive elements.
Distinguish between "unread" and "read" notifications. Select "Mark all as read" to toggle the visual state of the unread notifications and set the number of unread messages to zero. See hover and focus states for all interactive elements on the page.
This is a simple order summary component built with HTML & CSS. The purpose of this solution is to practice designing skills and the user have to be able to See hover states for interactive elements.
This repository contains a simple PHP MVC structure which I have build for educational purpose.
This is a basic coming soon page built with HTML, CSS & JavaScript. users are able to view the optimal layout for the site depending on their device's screen size See hover states for all interactive elements on the page Submit their email address using an input field.
This repository contains a demo for a personal portfolio. The purpose of this repository is to practice pair programming.
This is a simple product-preview-card-component solution for the frontend mentor challenge and the final user have to be able to : - View the optimal layout depending on their device's screen size. - See hover and focus states for interactive elements
This is a simple profile-card-component. the purpose of this solution is to practice HTML & CSS and the user have to be able to View the optimal layout for the app depending on their device's screen size.
In this repository, I have built a simple website for a programming course. It has an introduction to the website, instructors, and courses. I have built this project using HTML5, CSS3, and Vanilla JS.
This is a simple blog app powered by the react pure functionalities. here I have used json-server to feed my application using predefined data in a custom data base.
This is a simple To-do app powered by react. I have used the react-redux library to integrate the redux library with the react and I have used the redux toolkit to use redux recommended approach for state management.
This a component for sign up page built with HTML, CSS & JavaScript. users are able to View the optimal layout for the site depending on their device's screen size See hover states for all interactive elements on the page Submit their email address using an input field Receive an error message when the form is submitted if The input field is empty
Landing page design with single-introductory section. users are able to View the optimal layout for the page depending on their device's screen size See hover states for all interactive elements on the page.
This a solution to the frontend mentor single-price-grid-component challenge and the user have to be able to: View the optimal layout for the component depending on their device's screen size See a hover state on desktop for the Sign Up call-to-action
This is a simple component for Social-proof-section and solution to the front end mentor challenge. users have to be able to View the optimal layout for the site depending on their device's screen size.
This is a simple react based application which shows some data related to the space-x rockets and their mission. we have built this project in a group to practice the pair programming and task dividing best practices.
This is a simple stats-preview-card-component. this is a solution to the frontend mentor challenge and the purpose of this solution is to practice frontend design and the user have to be able to view the optimal layout for the app depending on their device's screen size
This a challenge from the front-end mentor site I have solved. The purpose of this challenge is to practice CSS Grid, and the user has to be able to view the optimal layout for the site depending on their device's screen size.
This project shows a student's work, study, and playtime. The final design should View the optimal layout for the site depending on the device's screen size. See hover states for all interactive elements on the page. Switch between viewing Daily, Weekly, and Monthly stats.
This is a To-Do application powered by JavaScript programming language and has the following functionalities: 1: Add new todo to the list. 2: Mark To-Dos as complete. 3: Delete To-Dos from the list. 4: Filter by all/active/complete To-Dos 5: Clear all completed To-Dos. 6: Toggle light and dark modes. 7: Drag and drop to reorder items on the list.