Coder Social home page Coder Social logo

lab-app-planning's Introduction

App Planning Lab

Getting Started

  1. Fork and clone this repository.

  2. Answer the questions below by editing this readme. Leave the questions and prompts, and answer in between them. Make sure when you read back your work that you've written things clearly, so that anyone reading it can easily understand what you've written.

  3. Where applicable add screenshots, photos, and links.

  4. You will also deploy an index.html page to GitHub pages.

Instructions

You will be planning a new application to develop that will be a competitor for another popular application. Your goal is to determine the minimal functionality required so you can launch your app as soon as possible.

Choose from any popular app. It can be an app for anything:

  • Music
  • TV/Videos
  • Shopping
  • Social media
  • Blog
  • Forum (like Stack Overflow or Reddit)
  • Chat app
  • Recipes
  • Business reviews

Questions

Project Managing Tool

In 1-3 sentences describe your application.

My app ...

What is the name of your application?

APP NAME

Create a minimum of 10 user stories. Make sure to use the format:

  • As a <type of user>, I want to <some goal>, so that <some reason>.

Write the user stories below. Add more > for each user story or use - to make a list

As a ...

Create a new board

Follow the format provided (name of board, the 5 lists etc.) in the reading.

  • Add a minimum of 5 cards (front only) based on your user stories to Backlog.
  • Add appropriate labels.

Provide a link to your board below.

APP NAME board

For one card, fill out more details, include:

  • The business case
  • Acceptance criteria
  • Notes
  • Resources

Move that card to the Doing list and assign yourself to it.

Provide a link to the specific card below.

Detailed card

Create one bug card.

Think back to a bug you had in a recent lab or project and do your best to model that example. It can either be a bug you solved or that you didn't get a chance to solve.

It should include:

  • A brief description of the bug.
  • The expected behavior.
  • The steps to reproduce.
  • At least one resource.

Make sure to label it as a bug. Move the card to the To Do list.

Provide a link to the specific card below.

Bug card

Create one chore card

Think back to a chore you had in a recent lab or project and model that example. Move the chore to the Done column.

  • Assign yourself to it.
  • Add a due date.

Provide a link to the specific card below.

Chore card

Wireframes

Create three wireframes. You may use a free online tool or draw them on paper (you can either scan them or use your phone to photograph them). You will upload them to this repository.

  1. Create a wireframe for the main page that shows an index view (on mobile).

Index on mobile view

  1. Create a wireframe for a wide desktop view for either the index view.

Index on desktop view

  1. Create a wireframe for the view that has a new form (new user, new shipping information, new post, new song, new product etc.) view (on mobile).

New view

Minimum Viable Product

Create an index.html file and a styles.css file. Using your user stories and wireframes build the responsive index view. You should use lorem ipsum placeholder text and placeholder images, where applicable. The index view should have between 2 and 5 example resources.

Deploy this to GitHub pages.

Reflection

Write down three things that went well for you doing this lab.

  • one
  • two
  • three

Write down one thing you'd improve on for next time.

One thing I'd improve ...

lab-app-planning's People

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.