K8Liu / bootcampr-assessment

Assessment repo for engineering candidates.

Bootcampr Engineering Assessment

Purpose

Bootcampr was made for bootcampers by bootcampers. Our platform will help graduates find more success during their job search by giving our users the practical experience they need to stand out.

This repository will host the code assessment for engineering candidates. It will give us a baseline of your general MERN experience, capacity to deliver within a week, and ability to implement best practice & adhere to instructions.

Table of Contents:

• Purpose
• Tools
• Setup
• Frontend Requirements
• Backend Requirements

Tools

We are a classic MERN app, with subtle additions to the frontend.

Frontend	Backend
React	MongoDB
TypeScript	Node
Material UI	Express
SCSS

Setup

Frontend

1. Clone down the repo
2. Create your own assessment branch:
   • git checkout -b assess/nov-22-2023/<firstname>-<lastname>
3. cd into frontend
4. run npm install
5. run npm start

Backend

1. cd into backend
2. run npm install
3. run npm run dev
4. Create a new MongoDB Cluster
   1. Make sure you choose the free option!
   2. Feel free to use your own if you already have one.
5. Connect to your cluster
   1. Select "drivers" as your connection method
   2. Link your connection string to your application in backend/db/connection.js

Requirements

The repository has the bare minimum to get you set up and ready to develop your own screens.

Your mission, should you choose to accept, is to develop the sign up screen for the application. Figma Design Link

All your work should be focused around:

• Building the UI, adhering to the provided figma
• Developing the backend integration to make the screen functional
• Writing clean, scalable code.
• Maintaining scalable & informative git history.

However, it is not required to complete the entire checklist below. We've identified all applicable tasks and organized them by difficulty.

Feel free to do as much as you can & are comfortable with.

For example:

• If you struggle with setting up the DB then focus on the frontend.

Frontend (required)

Required

• Develop the sign up flow
  • Sign up screen
  • User submits sign up info & is routed to "congrats" screen
• Match Figma styling

Bonus

• Verify email onBlur of email input (check if the email already exists in the DB)
• Use React Testing Library to add test coverage for the Sign Up screen functionality

Backend (optional)

Required

• Create user model
• Create controller to create new users

Bonus

• Create controller to verify existing emails