35: Putting it All Together

Submission Instructions

• continue working on the fork you created from lab 33
• open a new branch for today's assignment
• upon completion, create a new pull request in github
• submit a link to your PR in canvas

Learning Objectives

• students will be able to complete a full stack application (using the MERN stack)

Requirements

Configuration

backend

• clone sluggram-backend

frontend

• README.md
• .babelrc
• .gitignore
• package.json
• webpack.config.js
• src/**
• src/main.js
• src/style
• src/style/main.scss
• src/style/lib
  • _vars.scss
• src/style/base
  • _base.scss
  • _reset.scss
• src/style/layout
  • _header.scss
  • _footer.scss
  • _content.scss

Feature Tasks

• create a DashboardContainer
• create an Avatar component for housing a profile image
• create a PhotoForm component
• create a PhotoItem component - this should hold your PhotoForm and to display all uploaded photos
• style your application's components
  • this should include at least "lo-fi" styling (grayscale)

Test

• test your PhotoForm component
• test your PhotoItem component