Stacks & Scripts

Are you a T-Shaped developer? Working on a LAMP-PREY Stack? Find out!

A personalizable catalog of various technologies, libraries, frameworks, and platforms

Project Setup

• React
• Create React App.

Available Scripts

npm run start   # runs the app in the development mode
npm run build   # builds the app for production

Skills Rating

1. 1 point if you've heard of it
2. 1 point if you can describe it
3. 1 point if you've ever used it (hello world counts)
4. 1 point if you've used it in the last 6 months
5. 1 point if you've deployed it to production
6. 1 point if you've worked on it for more than 6 months
7. 1 point if you've worked on it for more than 2 year
8. 1 point if you could give a presentation on it

TODO

• Display / style skills score (gradient / stars 1-8)
• Add ability to edit skills
  • with mouse, clicks
  • with focus, arrow keys
  • UI w/ explanation
• Display skills preference (do more of, do less of of)
• Add ability to edit preference
• Add ability to export data
• Add ability to import data
• Add ability to persist data long term
• Buttons on section headers? vanilla categories vs super skillsets?
• Build up training resources for each item

Resources

• React - Get version number from package.json
• React - Import JSON Data
• React - Update State
• React - Increment State
• React - Distinguish between Left and Right click events
• React - 'this' becomes undefined when called from onClick
• React - Prevent Default
• React - Conditional Rendering
• React - handle the onKeyPress event in ReactJS?
• React - conditionally applying class attributes
• ES Lint - Anchor is Valid
• JS - What's the most elegant way to cap a number to a segment?
• CSS - transition height: 0; to height: auto; using CSS?