/AzoCyber

A React-Typescript website for AzoCyber, a fictional cybersecurity service company. This project focuses on the design and analysis of user-interfaces.

Primary LanguageTypeScript

AzoCyber

A React-Typescript-based website for a fictional cybersecurity service company, AzoCyber.

This front-end development project is built from scratch and focuses on the design and analysis of user-interfaces, including: user-centered design (UCD), prototyping (mock-ups, wireframes), UI patterns, visual/verbal communication, human cognition concepts, heuristic evaluation, Gestalt's Law, accessibility, and more.

Link to the website: https://kienmarkdo.github.io/AzoCyber

Libraries and Tools used

  • Frontend libraries
    • React (v18.2.0)
    • Typescript (v4.7.4)
  • UI libraries
    • BlueprintJS (v4.5.1)
    • SASS (v1.53.0)
  • Routing
    • React Router (v6.3.0)
  • Internationalization
    • React i18next (v21.8.13)
  • Form handling and validation
    • Formik (v2.2.9)
    • Yup (v0.32.11)
  • Package manager
    • Node (v8.9.0)
  • Hosting
    • gh-pages (v4.0.0)

How to run

  • Make sure Node.js is installed to use npm
  • Clone the repository
  • Open the command-line interface in the root of the folder
    • npm i Installs all dependencies
    • npm run start Runs the program and automatically opens localhost:3000 in your default browser
  • Update gh-pages deployed site
    • npm run deploy