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
  • https://nodejs.org/en/download/
• 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