Developer Project - Cars

Readme.md

Project Overview

So this should take them about an 30 mins to 1 hr, depending on how in depth they get. I wanted to keep the instructions as vague as possible with little direction to see how they operate. Here is a list of things we'll be looking for as we QA:

• Questions, if they ask any
• Github
• Javascript/JQuery
• HTML Markup
• PHP Logic
• Git Committing
• Code simplicity/structure/demeanor
• Design
• Implement Prepoccessors
• SASS/SCSS
• Image Optimizations - The images I included are ungodly and need to be optimized for the web.
• If they use partials, includes, for future implemenation of new Garages and Cars.
• Modularization
• Slug Naming Convention
• RAIL Testing

---

Building A Garage

In this test project, we'll be building a new additional garage to our house. This garage will only contain our racing cars. Since this is your garage, please feel free to design it however you'd like.

Required Technologies

HTML5, SASS, PHP, JS

Instructions

1. Create repository in Github.
2. Setup a feature-garage branch and a Pull Request comparing to the Base Branch Master for QA and approval.
3. Attached(cars.json) is a list of cars you own. List out only the race cars that work, in the favorite ranking order. *Note: You couldn't choose favorites between a couple cars, so they might be ranked the same.
4. Make a fast-loading web page with a list of your racing cars into a Collapsible Vertical Tab list on tablet/desktop and an accordion on mobile. Use images and descriptions in list.
5. Find and use a font for the headers and buttons from Google Fonts, implement however you'd see fit.
6. Include a Readme.md of Technologies/Software used, and any additional information you might want to share.
7. Be sure to use the Required Technologies.

cars.json

{
    "title": "Cars",
    "description": "Cars that I own.",
    "cars": [
        {
            "title": "Tatra T603",
            "works": true,
            "favorite": 6,
            "category": ["classic"],
            "img": "tatra.jpg",
            "description": "This is the Tatra T603 - a very odd-shaped car that was made in Czechoslovakia and sold throughout Europe from the 1950s through the '70s. While not known for having any major problems like some of our others, it kind of makes you look like you're driving inside of an egg. But maybe that's the look you're going for?"
        },
        {
            "title": "Bond Bug",
            "works": true,
            "favorite": 3,
            "category": ["wacky", "classic"],
            "img": "bondbug.jpg",
            "description": "It may be called the Bond Bug, but actually has nothing at all to do with secret agent 007. The two-seat and three-wheeled car was made in the 1970s after Reliant purchased the Bond Motor Company and wanted to build a fun car. Are you having fun yet?"
        },
        {
            "title": "AMC Gremlin",
            "works": true,
            "favorite": 2,
            "category": ["racing"],
            "img": "gremlin.jpg",
            "description": "Though it sounds like a scary movie from the 1980s, this 1970s subcompact car became somewhat legendary for its small size and unique appearance. And by unique we mean it has a really great personality."
        },
        {
            "title": "Ford Pinto",
            "works": true,
            "favorite": 1,
            "category": ["racing", "classic"],
            "img": "pinto.jpg",
            "description": "The Ford Pinto - a name that became synonymous for a rather bland appearance. But even beyond the aesthetic problem, it became legendary for the bigger issue of sometimes exploding with a rear collision impact. Just a tiny problem, but worthy of our number one spot."
        },
        {
            "title": "Subaru Brat",
            "works": true,
            "favorite": 5,
            "category": ["wacky"],
            "img": "brat.jpg",
            "description": "The term Brat is actually an acronym that stands for Bi-drive Recreational All-terrain Transporter. The acronym seems much more apt, though, for this peculiar car manufactured by Subaru in the 1970s."
        },
        {
            "title": "Corbin Sparrow",
            "works": true,
            "favorite": 1,
            "category": ["racing", "wacky"],
            "img": "sparrow.jpg",
            "description": "We have to give the Corbin Sparrow a lot of credit. It's an all-electric vehicle that's really more motorcycle than car, and dates its eco credentials back to 1999. It was said to go more than 150 miles on one charge. But when you get a look at its snout nose, jelly bean body, and pizza butt shape, you may want to keep it in the garage to charge your iPhone."
        },
        {
            "title": "Nissan S Cargo",
            "works": false,
            "favorite": 4,
            "category": ["wacky", "racing"],
            "img": "cargo.jpg",
            "description": "This retro-style, commercial van was sold by Nissan from 1989-1992. Did it get the job done in terms of hauling stuff? Probably. Did you look a bit ridiculous while you were driving it? You tell us."
        }
    ]
}