Skip to content
/ syn Public

SYN is a ReactJS website for people to vote on what colour comes to their mind when they listen to some classical music pieces

Notifications You must be signed in to change notification settings

joshenx/syn

Repository files navigation


img1

SYN

Listen to Colours.

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. Contributing
  5. License
  6. Contact
  7. Acknowledgments

About The Project

What colour does a violin sound like? SYN is a Vercel website (ReactJS, ts, Supabase, Chakra) for people to vote on what colour comes to their mind when they listen to some classical music pieces, which then creatively displays the data through gradients and timestamps.

(back to top)

Built With

  • React
  • Chakra UI
  • Supabase

(back to top)

Getting Started

Prerequisites

  • npm
    npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

  1. Clone the repo
    git clone https://github.com/joshenx/syn.git
  2. Install NPM packages
    npm install
  3. Run your dev environment
    npm start

(back to top)

Roadmap

  • Add main features
  • Add about me page
  • Add toggle/hide gradient feature
  • Add metronome
  • Display list of comments
  • Add readme

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Joshen Lim - @joshenz

Project Link: https://github.com/joshenx/syn

(back to top)

Acknowledgments

(back to top)

About

SYN is a ReactJS website for people to vote on what colour comes to their mind when they listen to some classical music pieces

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published