Giter VIP home page Giter VIP logo

26-frontend-tooling's Introduction

cf Lab 26: Frontend Tooling

Submission Instructions

  • Work in a fork of this repository
  • Work in a branch on your fork
  • Write all of your code in a directory named lab- + <your name> e.g. lab-susan
  • Open a pull request to this repository
  • Submit on canvas a question and observation, how long you spent, and a link to your pull request

Configuration

Configure the root of your repository with the following files and directories. Thoughtfully name and organize any additional configuration or module files.

  • README.md - contains documentation
  • .gitignore - contains a robust .gitignore file
  • .eslintrc.json - contains the course linter configuration
  • .eslintignore - contains the course linter ignore configuration
  • .babelrc - contains babel config
  • package.json - contains npm package config
  • webpack.config.js - contains webpack config
  • src/ - contains the frontend code
  • src/main.js - contains the entire app
  • src/style - containing your .scss partials and styles
  • src/style/main.scss - contains the entry point for .scss partials

Feature Tasks

Minimum Requirements

Create the following component:

<App />
  • should contain the entire application's view and state
  • should have a property on the state called content
  • should create a view with the following display
    • a heading with the title "Generate Cowsay Lorem"
    • a Button that displays "click me"
      • onClick of the button should generate new content on the app state using cowsay and faker
    • a <pre> tag that displays the application state

Stretch Goal

  • add a select menu that enables you to change the type of cowfile currently being used

26-frontend-tooling's People

Contributors

trrlrr avatar bnates avatar

Watchers

James Cloos avatar

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.