Data

Tools

Indexes

Applications

Experiments

Open Source Science

https://github.com/alexstormwood/oct23-t3w8-colouracademy

https://github.com/alexstormwood/oct23-t3w8-colouracademy

Science Score: 13.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ○
    CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ○
    .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (4.5%) to scientific vocabulary
Last synced: 10 months ago · JSON representation

Repository

Basic Info
  • Host: GitHub
  • Owner: AlexStormwood
  • Language: JavaScript
  • Default Branch: main
  • Size: 184 KB
Statistics
  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Created about 2 years ago · Last pushed about 2 years ago
Metadata Files
Readme

README.md

ColourAcademy - CSS Variable Generator Website

  • [x] CSS variable export (high priority)
  • [x] Fix the width of the modal
  • [ ] save themes to a list of themes (medium priority)
  • [ ] preview components like UI Colours (nice-to-have)
  • [x] Dark/light mode toggle in global context
  • [x] Deploy
    • [x] show the thing that Netlify needs to make React Router work

Routes

  • "/" : homepage
    • CSS generator available here
  • "/generator" - CSS generator page
    • CSS generator available here
  • "/generator/saved" - view list of saved themes
    • reads localstorage

Contexts

  • Base Colour
    • hex colour of new theme
  • Current CSS theme
    • one theme list
    • localstorage
  • List of CSS themes
    • array of theme list
    • localstorage

Data

Colour Object

js { hex: "#000000", strength: 100, rgba: [255, 255, 255, 255] }

Theme List

js { name: "violet eggplant" colours: [ Colour Objects go here ] }

Note for Next Lesson

  • [x] Alex needs to find the autoimport package and share that

Owner

  • Name: Alex
  • Login: AlexStormwood
  • Kind: user
  • Location: Sydney
  • Company: @BigfootDS

Game & XR developer based in Sydney, Australia. Main tools are Unity3D and C#. Working for myself as BigfootDS, and working for Coder Academy as a teacher.

GitHub Events

Total
Last Year

Dependencies

package-lock.json npm
  • 1327 dependencies
package.json npm
  • @testing-library/jest-dom ^5.17.0
  • @testing-library/react ^13.4.0
  • @testing-library/user-event ^13.5.0
  • colorblender ^2.7.4
  • paletten ^0.5.2
  • react ^18.3.1
  • react-dom ^18.3.1
  • react-pure-modal ^2.2.5
  • react-router-dom ^6.23.1
  • react-scripts 5.0.1
  • react-syntax-highlighter ^15.5.0
  • react-use ^17.5.0
  • web-vitals ^2.1.4