wmedders21 / devprep-fe

DevPrep

Table of Contents

• Project Managers
• Contributors
• Introduction
• Technologies
• Deployed Link
• Learning Goals
• Features
• Project Demo
• Future Extensions
• Set Up
• Project Spec
• Project Repo
• Additional Resources

Project Managers

Kayla Gordon

Khoa Nguyen

Contributors

Ross Landino

Michael Putnam

Rio Foster

Igor Decess

Brylan Gannon

Will Medders

Reuben Davison

Johnny Bowman

Introduction

Are you stressed about preparing for an interview in software development field? DevPrep to the rescue! It is an intuitive application where upon creating an account and logging in, developer can prepare for an actual interview. Browse dashboard with different statistics and choose a deck (Technical BE, Technical FE, or Behavioral) to test your knowledge. Don't be just ready, be DevPrep ready!

DevPrep was a group project by Turing School of Software and Design that gave an opportunity to communicate and collaborate between Front-End and Back-End Software Engineers and explore new technologies as well as strengthen existing knowledge of React, Router, and Cypress E2E testing.

Technologies

Front-End:

• TypeScript
• React (with hooks)
• Router
• SCSS
• Cypress
• Material UI
• React Context (Global State Management)

Back-End:

• Python
• Flask

Deployment:

• Github Pages

Deployed Link

• Use DevPrep right HERE!

Learning Goals

• Learning how to work on large development team and collaborate with each other
• Learning new technologies: FE: TypeScript BE: Python

Features

• Upon page load, the user will be able to sign up for a new account
• If account exists, a user can log in into application
• A user can see their own statistics via dashboard upon successful login
• Developers can prepare for interview by utilizing Decks feature
• Create, Update, or Delete Cards in three different deck areas
• View all available cards and change decks instantaneously
• When user clicks Home button, dashboard page appears
• When user clicks Logout button, login page appears

Project Demo

Possible Future Extensions

• Creating a calendar where mentors and mentees can arrange meet ups
• Implementing a voice feature where flashcards can be played vocally

Front End Set Up Instructions

1. Fork and clone this repo
2. Type cd DevPrep-FE to move into the root directory
3. Run npm install to install necessary dependencies
4. Run npm start
5. Copy local url given by running npm start and paste it to your browser

Back End Set Up Instructions

1. Follow instructions in this repo

Project Spec

• The spec for this project can be found here

Project Repo

• The project repo can be found here