100 Web Project Ideas

Originally posted here

Whenever I start learning a new Language or Framework, I used to create small apps or programs to practice.

Always, I try to build ToDo app if I learn Web Framework or random number generator if it a programming language and guess the number game.

I wish to build a list of items to help beginners to practice when they are learning something new.

So here is my contribution.

I have created a GitHub repo to list 100 Web Project Ideas

PandiyanCool / 100-project-ideas

#100WebProjects

100-project-ideas

Topics

1. Quote generator
2. Todo app
3. Countdown timer
4. Stopwatch
5. Flip a coin app
6. World clock dashboard
7. Good morning slack bot
8. Daily Journal bot
9. Mail composer UI
10. Interactive login form
11. Offline page in PWA
12. Toaster message
13. Color picker jumbtron
14. RSS Feed viewer
15. Json viewer
16. Syntax highlight
17. Json to csv
18. Simple calculator UI
19. Free image library
20. Messaging to webhook
21. Leave reason generator
22. Visual web bookmarker
23. Pomodoro timer
24. Css ruler
25. Instagram logo in css
26. BAFFLE effect in css
27. Motivation bot
28. Twitter hash tag viewer
29. Minimalist twitter profile page
30. Minimalist github profile page
31. Site map into flex layout
32. Twitter bot to fav your replies
33. Twitter bot to welcome new followers
34. Twitter bot to send weekly report
35. Gif search engine
36. Good first issue hunter
37. One download page for your fav exe
38. Virtual site map for fav sites
39. PWA - funny sounds directory
40. PWA - Scolding app if late sleep
41. PWA - Stress burster - tap…

View on GitHub

I wish you should help me to reach this list to reach more people who actually in need.

Feel free to star or fork or send PR to the repository.

And if you are using Twitter, send me hi to motivate me. I love it.

Here is a twitter thread I have created to reach more Devs.

Pandiyan

@pandiyan_cool

Hey #webdev

As promised, here is a list of 100 project ideas to practice, showcase or challenge yourself.

Enjoy!

github.com/PandiyanCool/1…

♥ Add a star to repo and 🧩 retweet to reach more devs.

#100WebProjects #angular #javascript #html #css #devcommunity #typescript

08:52 AM - 15 Mar 2020

43 94

That's for now.
If you are reading or trying this, do let me know. I will be very happy.

Cheers, Happy Coding!

Comments

[Shaiju T]

Hi , 😄 your videos are good. Can you share the tools you used to create your YouTube videos, like which video recording and editing software, mic etc ? Is it open source ? Also should we record our audio while recording or after recording ?

[Pandiyan Murugan]

Thanks!

Please subscribe and support the channel.

I use OBS for recording & streaming, ActivePresenter for editing and trimming as of now.

Earlier I used Filmora free edition to learn some basic editing.

I use BlueYetti mic for recording my voice.

[Shaiju T]

Thanks 😄 for sharing. Appreciate.

[Pandiyan Murugan]

Sure, thanks!

[Daniil Maslov]

Great job! Who will take the challenge to complete all these projects in 100 days? :)

[Jayant Lohani]

Well, that's a great commitment you are talking about.100 projects in 100 days. Some of them are easy but some would require serious time. But yeah, i will try to solve some of them.👍

[Madza]

1 complex app in 100 days > 100 basic apps in 100 days

[Jayant Lohani]

Absolutely correct. Time does not matter much if the result is satisfying and up to ones expectations. ✌

[Daniil Maslov]

Actually this is a topic for a big discussion, which is better - one big project or many small ones :)

[Jayant Lohani]

Yes it really is. But the answer/choice depends on various factors/reasons/criteria. For some factors, people would prefer "one big project" whereas for some other reasons, "many smalls projects" would be ideal choice.
Even i can not truly choose one of these. 😅
What i believe is that this topic can be discussed endless for days. ✌

[Daniil Maslov]

Exactly!

[Pandiyan Murugan]

Its individuals' preference :)