Week 06 Day 2 - A Sound Board with Sass

[ambethia]

In this assignment, you'll start with a partially complete Sound Board application and make it your own.

Objectives

• Use features of Sass to style an application
• Practice React

Requirements

Starting from the implementation we created in class, create your own Sound Board application.

Note the addition of node-sass to the project's dependencies.

Explorer Mode

• [ ] Have at least 3 sound boards defined in library.js, with at least 4 sounds each.
• [ ] Use Sass for your CSS, explore and use the following features:
  • [ ] Variable
  • [ ] Nesting
  • [ ] Functions

Adventure Mode

• [ ] Use these Sass features
  • [ ] Mixins
  • [ ] Inheritance
  • [ ] Break your styles into multiple files using @import

Epic Mode

• [ ] Create a "Video Clip" board, that plays different video clips when thumbnails are clicked.

Additional Resources

• https://sass-lang.com/guide

[gabeo14]

caring-sand.surge.sh

https://github.com/gabeo14/soundboard

I'll get in and do a bit more styling when I get the chance

[gstark]

Yes, please refine the CSS some before you include this in a portfolio

[gstark]

Your homework was marked: Meets Expectations

“Gavin Approved!” — via Jason L Perry