keaganartfin / rainfocus-challenge

Hello, my name is Keagan Latarewicz. Thank you for taking the time to review my challenge site. Below I've included installation instructions as well as some features of the website, enjoy!

---

Installation:

Extract the zip folder and open the project in an IDE.

Open up your system console or the IDE integrated console and navigate to the folder where the root of the project is located.

'npm install' or 'npm i'

'npm start' and you should be up and running!

Features:

• Mobile Responsive ( max-width: 768px )

  • Sidebar
    • Sidebar will hide to the left of the screen until the hamburger icon is clicked/tapped. Then the Sidebar will ease into the viewport.
    • Navigation elements have :hover styling as well as an 'active' style when clicked. They all open and collapse when clicked revealing a submenu.
  • The content section will shrink information blocks and align text to the center of divs depending on the current viewport.

• Light & Dark Theme

  • When the profile button (bottom left) is clicked will change the theme of the page to a Dark Theme coded from the ground up.

• Add Registration Workflow

  • Step 2 : Build Registration Workflows contains an Add Registration Workflow box that, when clicked, transforms into a form that a user can input information and create a new registration box.