Giter Club home page Giter Club logo

full-stack-exercise's Introduction

Dibz Engineering Interview Exercise

๐Ÿ’ซ Welcome to the Dibz interview coding exercise! ๐ŸŽ‰

This full-stack exercise mainly involves building a submit action on a form component in React that makes a request to the Node.js/Express.js backend.

Getting Set Up

The exercise requires Node.js to be installed. We recommend using the LTS version.

  1. Start by forking this repository.

  2. In the repo root directory, run npm install to gather all dependencies.

  3. Next, npm run seed will seed the local SQLite database. Warning: This will drop the database if it exists. The database lives in a local file database.sqlite3.

  4. Then run npm start which should start both the server and the React client.

โ—๏ธ Make sure you commit all changes to the master branch!

Technical Notes

  • The server is running with nodemon which will automatically restart for you when you modify and save a file.
  • The frontend was bootstrapped with Create React App
  • The database provider is SQLite, which will store data in a file local to your repository called database.sqlite3. The ORM Sequelize is on top of it. You should only have to interact with Sequelize.
  • The API client we have set up for you is axios. You are welcome to swap this out for your favorite client if you prefer.
  • The server is running on port 3001 and all AJAX requests from the frontend will automatically proxy to that endpoint. For instance, you can axios.get('/team') and it will automatically hit localhost:3001/team.

Acceptance Criteria

Below is a list of user stories corresponding to our acceptance criteria.

  1. Filter out createdAt and updatedAt fields from the /team endpoint response.

  2. Alphabetically sort the /team endpoint response by first name.

  3. I can fill out a form with my team member information as per the data model (see backend/model.js).

  4. Submitting the form will create a new team member in the database that persists on reload.

  5. I can see team member cards for all of the new team members I have created.

Thank you and good luck! ๐Ÿ™

full-stack-exercise's People

Contributors

italonabuco avatar zwagner86 avatar

Watchers

James Cloos avatar

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.