benhpoh / GA-Instructors-Portal

Prototype of a student management portal for an educational institute

Home Page:https://general-assembly-portal.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

General Assembly Web Portal

Logo

Access the GA web portal here

My goal for this app is to create a staff portal for Instructors at General Assembly. The app utilises the following Ruby Gems to function:

  • PG
  • HTTParty
  • Bcrypt
  • Sinatra

I've also leveraged on the Random User Generator API designed Arron Hunt, and developed by Keith Armstrong, in order to generate placeholder dummy data to populate the student database.

The web portal I've created utilises two databases: one for students, and another for instructors. At this stage, the portal is for staff only, with the goal of expanding the login to include creating separate interfaces for different user categories.

Thought Process

Wireframe

Mocking up a wireframe

The first step is to create a storyboard, setting up a brief for myself with deliverables on each page.

This planning stage ensures coherence of design theme across all pages, and dictates the coding strucure to avoid doing too much redundant code.


Wireframe

Establishing routes and methods

Through trial and error during the coding process, some routes were modified, before landing on this eventual control flow.


Layout

Tongue in cheek references

Sprinkled just a bit of Marvel Cinematic Universe references in there for fun.

About

Prototype of a student management portal for an educational institute

https://general-assembly-portal.herokuapp.com/


Languages

Language:HTML 49.0%Language:Ruby 43.3%Language:CSS 7.7%