https://www.freecodecamp.org/news/build-a-restful-api-using-node-express-and-mongodb/

mostly following this tutorial, we still need to connect to our db using an account and private keys in a .env file

Add all menu items

Comb through frontend and locate any reusable components, buttons, or styles.

I think we should keep in mind small scopes for each task, we can start with the default button that is reused around the page but also should keep in mind page themes or the templated contentful sections. (we can style multiple contentful sections but would need to keep in mind the models we make through contentful)

any questions AMA

will hardcode info for now but cody might want to be able to change hours, contact info, etc. through contentful

I have created content models, try adding menu items to the content. It should cover most if theres anything missing you will need to edit the model.

Where to go: Contentful's website

Things like menus, (what type of menu: takeout/dine-in/drinks) and what would be on each. Would also like a list of menu items and prices and descriptions etc..

We should plan for creating templated sections for whatever he wants to customize, and create some data for our contentful models we created so we can test backend

We should decide on if we need one or multiple models for the drinks. Mixed drinks (cocktails and non-alcoholic drinks) have pretty similar content models I imagine but beers on tap and bottled drinks might be listed differently.

We should set aspect ratios and determine what resolution / file type we should use to keep styling simple

We should use our fonts from Google fonts. https://fonts.google.com/ , as well as identify any reusable colors or gradients we might use throughout the project.

This includes:

• Header/Bold Fonts
• Other weighted fonts used throughout the design (Light, regular, medium, semibold, bold,)
• Colors (for example if not white specify $white as a variable for the hex)
• Gradients (maybe the on-hover gradients will change opacity, just change the color, or a variation. We should have these common-themed effects saved in a variable aswell)

Steps:

• Create "fonts" folder in src/styles, and create files named "_font-name.scss" with an import of the fonts
• Create "colors" folder in src/styles, and create "colors.module.scss" & "colors.ts".
  Using the scss create $variables: #H3XC0D3 for all the variants of colors and graidents we might use throughout the site.
  For the .ts file we will need to create an interface so we can access the variables.

As always let me know if there are any questions

When a menu item is updated through contentful, we can track the updatedAt/createdAt times. We can leverage the way we build and plan our components to design a "New" theme that can dynamically change when updating content through the website.

If any questions please discuss