Coder Social home page Coder Social logo

interview-app's People

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

interview-app's Issues

Questions Page

When user submits options on intro page, they will be redirected to the path based on selected game mode.

Create Go file

Create Go - init script for new contributors to easily setup their environment.

Write a script to initialize project
Write a script to setup database
Write a script to setup environment
Write a script to create testing scripts to create and drop database

After go file is complete, edit readme doc for goal.

*Get advice from pro-player for how to make go file if you're unsure.

Profile Page Information Shown

  • Profile page should include the following user information:

    • Name
    • Experience
    • Interviews completed
    • Interviews assisted
    • Number of questions completed
    • Join date
    • Date of last interview completed
    • Notes from previous interviews
    • Number of questions user has submitted

Hot Reloader

Configure webpack so it will have hot reloader.

Create Prompt button

In game page, create prompt button which displays a prompt/hint for the interviewer to use.

Beautify App

Work on front end design to make user interface more enjoyable and intuitive.

CRUD Functionality

Build CRUD (Create, Read, Update, Delete) functionality for users.
Build CRUD (Create, Read, Update, Delete) functionality for questions.
Build testing for all CRUD functions.

For users, find by github handle
For questions, find by id
etc.

Time Tracker

In question section, build a time tracker to track how long it takes to complete a question.

Interviewer Prompts

Interviewer will have a list of process provoking prompts/hints located under the questions section which can be used to help candidates if they get stuck.

These may take a while to populate (they will be more specific according to the questions), but here are a few open ended ones:

  • How would this be used?
  • What is the smallest next step you can take?
  • Describe what you're trying to do.

WB: New Questions Table

Create a new questions table in database for Whiteboard questions (Mimics Speaking Questions)

Approver

Approver column in user table will be boolean and allow user to access approval page.

Create Prompt Table

Create a table for prompts which connects IDs from the question table.

(Prompts are hints that the interviewer can give when the candidate is stuck)

Create Questions Table

Create a speaking questions table with the following columns:

  • question
  • difficulty_level
  • topic
  • point_value
  • time_limit

Create knex.js
create confi.js
create db.js
create migration scripts within package.jsonn
run migration
populate migration with knex.schema.createtable

Install appropriate npm modules required

*Create a new questions table per game mode.
*Pro-players will (eventually) populate the questions table, or provide values for you to enter.

Shell Scripts

Write bash scripts for setup in a Go file.
Include help section and various go init scripts.

User Login

Build user login (based off of GitHub login account) so that both the interviewer and the candidate can have their stats recorded.

See previous Learner's Guild OSS projects for examples of files.

IDM setup:

  • Create .env.development file
  • Add within README the steps for authenticating yourself to IDM
  • Install npm module for "dotenv"
  • Create config/auth.js
  • Setup config folder
  • Add @learnersguild/idm-jwt-auth to package.json
  • Test with team mates who haven't set up IDM yet.

Speaking Mode: Interviewer

Interviewer will ask questions, then mark "correct", "incorrect" or "pass".
"Correct":
Provides experience points to candidate

"Incorrect":

"Pass":
Skips question

Links and buttons

Connect functionality to all links and buttons

When the new question form is populated and submitted, it creates a question within the database. The "Approved" column for all new questions is default to false, until the question has been approved within the approval page.

Author of questions - When new question is submitted, the author is recorded within the question database.

  • All input fields need to be assigned to db columns that they will effect.
  • Routes need to be connected to submit, edit, delete buttons or form, and submit button of finished interview (will send data to user table and interview table).
  • Link pages to the menu bar (approval page, profile page)

BUTTONS:
pages/landing:
"Start Interview" button: Needs to fetch appropriate questions

pages/game-options:
All option fields need to be hooked up to database

pages/approval:
When question is selected, form modal appears with populated data (GET)
Form submitted = PUT
Delete button = DELETE

Other Things:
pages/approval: filter should work

Menu button

Create menu button in header (separate from stats bar)

Add topic/level specific link to each cell of Matrix

For each topic and level in the matrix, there will be a link to the interview app intro page which autofills the topic and level categories.

Ideally, write a script that automates the process of pre-filling the topic and level categories so this does not have to be done manually.

Header Stats

On questions page, display header which includes the following stats:

  • username
  • game mode
  • difficulty level
  • experience
  • topic
  • profile link

Create Candidate Table

Create a candidate table with the following columns:

  • roles (interviewer vs candidate)
  • experience
  • level
  • average_time_per_question
  • notes

Create knex.js
create confi.js
create db.js
create migration scripts within package.jsonn
run migration
populate migration with knex.schema.createtable

Install appropriate npm modules required

Incremental Difficulty Increase

Questions increase in difficulty either when all questions of that level have been correctly answered.
Level 1.0
Level 1.1
Level 1.2
Level 1.3
Level 2.0
Level 2.1
Level 2.2
Level 2.3
Level 3.0
etc.

Notes Viewable by Candidate

When interviewer submits Feedback, they become available to candidate and are recorded in the candidate's profile to be viewed later.

Feedback is a column located in the interview table.
When notes are submitted, the user can see the difficulty and topic of the interview they were given.

Intro Page ( '/' )

Intro page should have the following options for the user to select from:

  • Priority level
  • Username
  • Questions Difficulty Level (Beginner, Intermediate, Advanced, Jedi)
  • Topic (Requirements, Testing, Technical Design, Object Oriented Programming, Functional Programming, Problem Decomposition, Data Structures, Algorithms, Regular Expressions, Systems Programming, etc.)
  • *Game Modes (Speaking, Whiteboard, Coding, Debugging, Solo)

*These modes will be built out later down the line. For now we are focusing on Speaking Mode only.

Create More Questions

Add more questions to the database. Ask learners and pro players to create questions.

React Router

Add react router as a dependency to the project
Add react router to front end routes

New question form Functionality

When the new question form is populated and submitted, it creates a question within the database. The "Approved" column for all new questions is default to false, until the question has been approved within the approval page.

Author of questions - When new question is submitted, the author is recorded within the question database.

Setup Istanbul NYC

Go to Istanbul.js.org and setup Istanbul NYC for test coverage

*note: for Istanbul testing, include "nyc" before mocha test script.

Interviewer Notes

Create a space for interviewer to write notes during the mock interview, and submit afterwards. (These notes will become available for the candidate to see after session is complete. See issue #7)

"Finish and Submit" Button

When you finish all the questions in an interview, the "Finish Interview and Submit Notes" button will:

  • Return you to the landing page using React Router.
    -Submit the notes into the interview table as Feedback.

Create Approval Page

Approval page will display a list of pending question.
Approval page will have buttons for approve, delete, and edit.

When the approve button is clicked, it will be marked "true" in the approved column of the questions table.
When the delete button is clicked, the question is removed from the database.
When the edit button is clicked, the question becomes editable within the questions modal form.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.