A list of small project ideas for learning and practicing key development skills. Build these in any order and customize them to your heart's content.
- Use a tool like codesandbox.io or codepen.io and create a new sandbox or pen for each project
- When you are done, share a link with a programming friend and get feedback on your code
- After meeting the basic requirements, add some additional features or try to customize the design
Each project description will follow this format
- Title
- Screenshot(s)
- Description
- Requirements
- Ideas for expansion
Build a simple color picker which uses the RGBA
color model.
- The currently selected color will appear at the top
- If the user changes any of the color dimmensions, the color box will automatically update
- The currently selected color will also appear at the bottom as a hex value.
- Add the ability to temporarily save created colors and display for the user to see
Build a simple guest counter that will keep track of how many adults, children and infants are in the group.
- When the user clicks on the plus button, the count for that item will increase
- The total count of guest will also increase
- When the user clicks on the minus button, the opposite will happen.
- Add a min count, so that the guest count can't go below 0.
- Add a optional max guest count
- Style the focus, hover, active and disabled states for the buttons
- Animate the user interactions
I will be adding more ideas to this list soon. In the meantime, please check out these other places for ideas of what to build.
- dribble.com | Get project ideas, color palletes and design inspiration from the world’s top designers & creatives
- bootstrap theme library | Try to build components from the various themes provided here