Git Product home page Git Product logo

hustle-front-web's Introduction

Chris Wolf Design

Author: Chris Wolf

Version: 1.0.0

I built this application to be resume/portfolio piece where interested parties can see my work and contact me. This is my first React application so I am still quite wet behind the ears. If you have any feedback or advise on improvements, feel free to email me! Or better yet, help me test the Contact Me form :D.

hustle-front-web's People

Contributors

chriswolfdesign avatar

Watchers

 avatar  avatar

hustle-front-web's Issues

Staff Dimensions

[X] Staff should take up the same height as the instrument label beside it
[X] Staff should take most, but not all, of the width of the application

Settable Composer

[ ] The composer should be set via a prop to ScoreComposer
[ ] If no value is provided, the default composer should be "Unknown"

Set contribution expectations

[X] Create CONTRIBUTING.md file discussing how I expect code to be formatted
[X] Provide pre-commit hook for support

Score View

Create the score view

[X] The body of the page should be white background with black text
[X] The default name for a score should be "Untitled"

Settable title

[X] The title can be modified via a prop to Score and ScoreHeader
[X] There should be a default title of "Untitled"

Convert to TypeScript

The application should be converted to TypeScript

[x] All js files should be converted to ts
[x] All jsx files should be converted to tsx
[x] All javascript files should have types

Staff space

[X] First staff should appear just below the title and author with some padding between
[X] The name of instrument should be to the left of the staff
[X] The name of the instrument should be "Piano" for now
[X] The staff should take up most of the rest of the page
[X] The name of the instrument should be vertically centered

Allow tests to be ran without user interaction.

Currently, when a test is run, the user is required to communicate with the cli. This should be circumvented to allow a script to easily run the unit tests.

[x] When the npm test command is run, the tests run immediately

Composer component

[X] Add room to include the composer field
[X] Title should remain in the middle of the component
[X] Author should be to the left of the component

Git Hook linter

[X] When there is a commit made, the linter is automatically ran

Canvas staff

[X] The staff component should have a staff in it
[X] The staff should contain five lines
[X] The five lines should be (nearly) equidistant
[X] The top line should be at the top of the component
[X] The bottom line should be at the bottom of the component
[X] The middle line should cut through the middle of the component

Github Action Test

[X] Whenever a new PR is created, github actions should run the unit tests
[ ] If any tests fail, merging should be blocked (this is only available in paid version)

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.