Skip to content

Fake website for assessing full-stack skills

Notifications You must be signed in to change notification settings

emergentworks/family-table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Family-Table

family-table icon

Family-Table is a fake service that connects home cooks to hungry foodies in New York City. Choose a chef to order from and meet them for at the designated pick up location.

How is this a fake website?

  1. Chefs listed on this website are generated by Chat-GPT.
  2. The checkout form does not ask for any real payment.
  3. This website does not store information in a database.

Code Walkthrough

public/helpers.js: Store any client-side DOM manipulation

public/style.css: All styling and CSS are stored here

src/pages: Contains Handlebar templates that render the HTML for each page.

src/meals.json: List of chefs, meal details, and pricing stored in a JSON object.

server.js: NodeJS server that handles any GET and POST request.

Mentee Preparation

Before your assessment, ensure that you can run the Node server on your computer by following instructions here. This will ensure that you can spend the entirety of the assessment on coding! You will also be expected to share your screen so be sure to only have your code editor, Terminal, Zoom, and web browser open.

Fastify and Handlebar

Besides Node and NPM, this project uses Fastify and Handlebar. These tools are not required for mentees to know before the assessment so it helps to give an overview of how to use them before beginning their assessment. You can use the page /playground to show how Fastify passes params from the server to the client. You can also demo simple expressions on this page to show how it interacts with HTML and CSS.

Page Structure

Homepage Meal Checkout Thank You
family-table icon family-table icon family-table icon family-table icon

Local Development

  1. Ensure you have Node and NPM installed. If not, follow instructions here. You can simply test if your local environment has Node and NPM by using instructions node -v npm -v.
  2. Clone the repo.
  3. Run npm install
  4. Run npm start and open http://127.0.0.1:52074 in your browser.

Actual Development

This site is managed by Emergent Works and is used to assess individual's full-stack experience.

Deployment

Continuous deployment is set up via Render. Contact @ashley for deployment support.

Acknowledgments

Icon: Meal icons created by Freepik - Flaticon Photos: Unsplashed

About

Fake website for assessing full-stack skills

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published