Skip to content

A list of project ideas for learning and practicing key development skills

License

Notifications You must be signed in to change notification settings

shin10kudev/developer-project-ideas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Developer project ideas

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.

Tips for success

  • 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

Project format

Each project description will follow this format

  1. Title
  2. Screenshot(s)
  3. Description
  4. Requirements
  5. Ideas for expansion

Color picker

Screen Shot 2021-02-02 at 21 28 42

Build a simple color picker which uses the RGBA color model.

Requirements

  1. The currently selected color will appear at the top
  2. If the user changes any of the color dimmensions, the color box will automatically update
  3. The currently selected color will also appear at the bottom as a hex value.

Ideas for expansion

  • Add the ability to temporarily save created colors and display for the user to see

airbnb guest counter

Screen Shot 2021-02-02 at 21 20 22

Build a simple guest counter that will keep track of how many adults, children and infants are in the group.

Requirements

  1. When the user clicks on the plus button, the count for that item will increase
  2. The total count of guest will also increase
  3. When the user clicks on the minus button, the opposite will happen.
  4. Add a min count, so that the guest count can't go below 0.

Ideas for expansion

  • Add a optional max guest count
  • Style the focus, hover, active and disabled states for the buttons
  • Animate the user interactions

More coming soon..

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

About

A list of project ideas for learning and practicing key development skills

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published