erics273 / socialapp-starter

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Overview

You will be working in teams to build a small social media site. You will be given a back-end API for you to form your front-end application around. The API will include endpoints relating to authentication, users, messages, and likes. Your project must incorporate a majority of the endpoints given in the API.

You will also be following the SCRUM process and although everyone will be a developer and individual contributor your team should account for the roles of Product Owner, Scrum Master, and QA Tester. Please see this document for more details:

Learning Objectives

  • Practice building larger applications with React
  • Practice building a system architecture for an application
  • Practice reading and understanding a 3rd-party back-end API
  • Practice using a UI component library
  • Practice following SCRUM processes and understanding/practicing SCRUM roles
  • Practice communicating/working together as a team

Getting Started...

We will specify the API you will be using to build your project, but the design, layout, and component architecture will be up to you

  1. Familiarize yourself with the SocialApp API

  2. Mock out possible screens

  3. Break screens out into possible component names

  4. Discuss at what point will you hit the API, use local state, how components will get the props they need to render

  5. Discuss and research what UI component library you would like to use and which components you will use

  6. We recommend trialing some components to get comfortable with how they work and which components you could use for which parts of your application.

  7. Begin creating/using components to establish a general foundation of your app

A starter scaffolding is provided here: SocialApp-starter

The API you will communicate with is the SocialApp API

Submission

  • GitHub repo url - this is the url that has your frontend SocialApp project source code
  • Heroku - this is the url that has your frontend SocialApp project deployed to it
  • SCRUM board - this shows your scrum board which has tickets with descriptions and assignees. It could be a github project board or similar.

About


Languages

Language:JavaScript 88.5%Language:HTML 7.7%Language:CSS 3.8%