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

• [x] Have at least 3 sound boards defined in library.js, with at least 4 sounds each.
• [x] Use Sass for your CSS, explore and use the following features:
  • [x] Variable
  • [x] Nesting
  • [x] 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

[JOLee83]

https://github.com/JOLee83/sound-board.git https://sound-board-justin.surge.sh

[ambethia]

The animations were a nice touch ;)

[ambethia]

Your homework was marked: Meets Expectations

“Yas” — via Jason L Perry