/weapon-upgrader

A user-friendly app built using Formik and Yup, the app provides seamless form management and field validations. Select your desired upgrades, and the total price is instantly calculated.

Primary LanguageJavaScript

Weapon-Upgrader

Overview

This project revolves around the acquisition of weapon upgrades for Call of Duty. Through a user-friendly form, you can effortlessly choose your desired upgrades, and upon submitting the form, the total price of the upgrades will be displayed.

Live demo:
weapon-upgrader

Command lines:

  • npm install
    Install all the necessary packages for running and developing the project.
  • npm run start
    For running the project.

Take a glimpse into the app:

Example

The technologies used in this project include:

  • ReactJS : the project is built on the ReactJS framework.
  • Formik : the form within the app is powered using Formik, ensuring optimal performance and functionality.
  • Yup : the form's field validations in Formik are implemented using Yup.
  • styled-components : the project's styling is implemented using styled-components.
  • Mui v5 : the project has been built using MUI v5.
  • ESLINT : the project adheres to the ESLint guidelines and follows the best practices recommended by airbnb.

In addition, the project incorporates the following features:

  • Responsiveness : the application is designed to be responsive and adapts to screens of all sizes. It achieves this by utilizing the responsive properties provided by MUI breakpoints for its components.

Author

:octocat: Afek Sakaju