Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
139 lines (99 sloc) 4.67 KB

Project Overview

Cars

Creating a database and front end in which a user will be able to find self help to repair their vehicle.

Project Schedule

This schedule will be used to keep track of your progress throughout the week and align with our expectations.

You are responsible for attending squad standup at the begining and end of the day.

Day Deliverable Status
Day 1 Project Description and Wireframes / Priority Matrix Complete
Day 2 Prepare Data Base code / start pseudoCode Incomplete
Day 3 Actual code for frontend / Functional Components Incomplete
Day 4 Style Application Structure (HTML, CSS, etc.) Incomplete
Day 5 Test application and ensure it works Incomplete
Day 6 MVP and Deployment of Application Incomplete
Day 7 Present Incomplete

Project Description

This application will allow people to search for different car manufacturers and identify what models and styles are associated with that manufacturer. As a specific vehicle is chosen a more indepth description of the vehicle will be given. Engine type, Trim(style), and Fuel type.

Wireframes

  • Homepage

  • second page

Priority Matrix

MVP

  • Create external api
  • Ensure CRUD functionality
  • Create new car, model, manufacturer
  • Read models of cars, manufacturer of cars and different parts for a car
  • be able to update an existing car
  • be able to delete a model or manufacuturer that has gone out of business
  • FRONT END
  • Show images of cars
  • details of various cars on the home page
  • selection of a car make, model, year, and engine size
  • be able to edit cars, create new cars

PostMVP

  • Look up repair instructions for a particular car and its parts

Architectural Design

ERD

UI Components

Component Description
Header This will render the header
App This will render the main Page
List of Cars This will render the final car chosen
Dealership This will render the various cars located at a particular dealership
search form This will allow the user to chose a car via brand, manufacturer, and or model
Footer This will render the Footer

Time Frames

Component Priority Estimated Time Actual Time
Adding Form H 2hrs hrs
Creating API M 3hrs hrs
Testing API H 3hrs hrs
Checking CRUD H 3hrs hrs
Creating Front-end components H 3hrs hrs
Creating Seed Database manually H 4hrs hrs
Testing Associations H 2hrs hrs
Testing Components for FrontEnd M 3hrs hrs
Media Query Styling H 6hrs hrs
Styling M 4hrs hrs
Debugging M 6hrs hrs
Testing Final product H 1hrs hrs
Total M 40 hrs hrs

Helper Functions

Helper functions should be generic enough that they can be reused in other applications. Use this section to document all helper functions that fall into this category.

SAMPLE.....

Function Description
Capitalize This will capitalize the first letter in a string of text

Additional Libraries

Use this section to list all supporting libraries and thier role in the project.

Library What it Does
Axios used to call api data to the front end
React-router-dom used to manuever through the DOM

Code Snippet

Use this section to a brief codf functionality that you are proud of an a brief description

SAMPLE.....

function reverse(string) {
	// here is the code to reverse a string of text
}

Change Log

Use this section to document what changes were made and the reasoning behind those changes.

SAMPLE.....

Original Plan Outcome
Have one Book component Split that component into BookInfo and BookInteraction as the component grew too complicated

Issues and Resolutions

Use this section to list of all major issues encountered and their resolution.

SAMPLE.....

ERROR: app.js:34 Uncaught SyntaxError: Unexpected identifier
RESOLUTION: Missing comma after first object in sources {} object