Mahdi Rezaei's Projects
This is a really simple advice generator app powered with JavaScript and uses advice slip API to get some random Advice and display it to the user. user can click on the dice icon and get new advice.
This application provides current, forecast and historical air pollution data for some countries. You can check the pollution index of your country by simply scrolling or searching for it using the search bar and clicking on it to show more details. This application is built with React.js and Redux.
This repository contains a basic static web page built using React.js framework for practice purpose.
This is a simple article preview component built with HTML, CSS & JavaScript. users have to be able to : 1: view the optimal layout for the component depending on their device's screen size. 2:See the social media share links when they click the share icon
This is a single-page application powered by JavaScript programming language. This project receives data from the user related to a book and its author and stores the data at local Storage.
This is a basic landing page with an input form. 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 Receive an error message when the form is submitted if: The input field is empty The email address is not formatted correctly
This is a simple Blog app built with React.js, redux and json-server frameworks. this blog application is able to save new posts, display authors and their posts, and also enable users to like the posts.
This is a simple bookstore app powered by the react.js library. The data in this application is provided through and external API, and the application state is managed by the redux.
This is a simple calculator application developed by TypeScript and Users are able to: - See the size of the elements adjust based on their device's screen size - Perform mathematical operations like addition, subtraction, multiplication, and division - Adjust the color theme based on their preference
This is simple preview component and the purpose of this simple project is to practice designing skills and the final user have to be able to: - view the optimal layout depending on their device's screen size. - See hover states for interactive elements.
This is a simple component that shows expenses chart. users are be able to: View the optimal layout for the app depending on their device's screen size. 2: See hover states for all interactive elements on the page. 3: see the amount expensed when mouse hover a pillar for specific day of the week.
This is simple faq-accordion-card-main and the user have to be able to View the optimal layout for the component depending on their device's screen size See hover states for all interactive elements on the page Hide/Show the answer to a question when the question is clicked
This a solution to the Four-card-feature-section challenge from frontend mentor website. The purpose of this challenge is to practice CSS Grid and flex Box. the users have to be able to view the optimal layout for the app depending on their device's screen size
This repository contains the source code of a website landing page, which have been build by the following technologies. users are be able to: 1:) View the optimal layout for the site depending on their device's screen size 2:) See hover states for all interactive elements on the page
This is a simple web App for tracing goods description based on their specific serial number.
This is a simple rating component solution to the frontend mentor challenge. the end user have to be able to: -Select and submit a number rating. - See the "Thank you" card state after submitting a rating .- See hover and focus states for all interactive elements on the page
This is a simple web based inventory management system powered by the Laravel framework and Vue.js
This is an IP Tracking simple application that shows information like ISP, location, and time zone for a specific IP address. users will see their own IP address on the map on the initial page load, and also they are able to search for any IP addresses or domains and see the key information and location.
This project is the capstone for module two of Microverse Bootcamp and has been done as a team and covered the following topics: - Connections to external APIs - Testing program functionalities using Jest - Displaying some products in to the UI - Added like and Comment features to the App
Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project
This a Landing page demo for loop studio challenge from Frontend Mentor.
This repository contains same basic facts about me.
This is a simple landing page project and the user has to be 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 See all testimonials in a horizontal slider Receive an error message when the newsletter sign up form is submitted if The input field is empty.
This is a simple calculator app built with React.js framework and TypeScript programming Language. this calculator application is able to preform some basic Mathematical operations. To preform the mathematical I have used the tired party library called Big.js.
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.