Skip to content

obean/ProcessReviewSite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ProcessReviewSite

    |.==============================,|
    ||  I LOVE CODING.              ||
    ||  I LOVE CODING.              ||
    ||  I LOVE CODING.              ||
    ||  I .----.ODING,              ||
    ||   / ><   \  /                ||
    ||  |        |/\                ||
    ||   \______//\/                ||
    ||   _(____)/ /                 ||
    ||__/ ,_ _  _/__________________||
    '===\___\_) |===================='
         |______|
         |  ||  |
         |__||__|

A web application designed for students to ease the use of taking Process Reviews during their course. Students can sign in, book reviews and check metrics for their reviews to see how they progressing. Reviewers can sign in, create available time slots and view student's reviews.

User Stories

  • As a Student,
    So that I can have a place to manage my process reviews,
    I want to be able to login to my own profile.

  • As a Student,
    So that I can attend a review,
    I want to be able to book a review.

  • As a Student ,
    So I know how well I am doing,
    I want to be able to see my review metrics

  • As a Reviewer ,
    So I can review the students,
    I want to be able to set an availability

  • As a Reviewer ,
    So I can give students feedback,
    I want to be able comment on student's reviews

Visualised our ideas through a Miro board:

Posts

Team Goals

We aimed to build a functional web application using a current tech stack, which is powerful and familiar to what we have learnt during the course. We had a limited time of 2 weeks to learn a brand new tech stack, but we agreed as a team to stick to it and learn as much as we can in that time.

Tech/frameworks used

PERN stack

Database

  • Postgresql
  • Sequelize

Front end

  • React
  • React Bootstrap (Login and sign up styling)
  • Recharts (React library for displaying charts)

Back end

  • Express
  • Node JS
  • Passport (User verification and authentication)
  • Bcrypt (Password encryption)

Deployment

  • Heroku
  • TravisCI

Installation

  • Visit current repository
  git clone [email protected]:obean/ProcessReviewSite.git 
  cd ProcessReviewSite
  • Install packages in both the client and server sides
    cd client
    npm install
    cd client
    npm install
  • Create and populate the database
  npx sequelize-cli db:create
  npx sequelize-cli db:migrate
  npx sequelize-cli db:seed:all
  • Start the client and server
    cd client
    npm run build
  • Go back to the root
    cd ..
    npm start
  • Visit the following url in your browser
http://localhost:3000/

Production

Visit http://process-reviews.herokuapp.com/ and sign up as either a student or reviewer!

Nice To Have

  • Video upload for students
  • Embedded video

Team members

  • Courtenay Donald
  • Johnny Yip
  • Ollie Beney
  • Xavier Defontaine