I have built web projects when I was learning along the way on my own. Surfing the internet for simple project ideas is not easy.
Here are easy projects to help you improve your web Skills
Thread on building your own Web Projects while learning
🧵👇🧵
#CodeNewbie #100DaysOfCode
Here are easy projects to help you improve your web Skills
Thread on building your own Web Projects while learning
🧵👇🧵
#CodeNewbie #100DaysOfCode
1. Change Background Colour Project :
Input -To create a background color changing application, You are to create an array of different colors and then proceed in adding a “Click” event listener to the button.
Output- the background color will change once the button is clicked
Input -To create a background color changing application, You are to create an array of different colors and then proceed in adding a “Click” event listener to the button.
Output- the background color will change once the button is clicked
2. Counter Project :
Input -This project is all about clicking on a possible one of two buttons which recorded the count of the on-page element
Button 1- Count Start(upward)
Button 2-Count Stop
Output- Count will start after clicking & Stopped when clicking on the stop button
Input -This project is all about clicking on a possible one of two buttons which recorded the count of the on-page element
Button 1- Count Start(upward)
Button 2-Count Stop
Output- Count will start after clicking & Stopped when clicking on the stop button
3. Random Quotes Project:
Input- This project contains a “Generate Quote” button whenever users click on it , a change in the quote and the owner of the quote will appear as Output
Learning- It offers you the opportunity to look into the properties on an object inside an array
Input- This project contains a “Generate Quote” button whenever users click on it , a change in the quote and the owner of the quote will appear as Output
Learning- It offers you the opportunity to look into the properties on an object inside an array
4. Testimonials Project:
Background Image Slider and Random Quotes projects in JavaScript are put together in creating a unique piece of work you usually see on the bottom of every website
A simple array of objects should be enough to make this project happen.
Background Image Slider and Random Quotes projects in JavaScript are put together in creating a unique piece of work you usually see on the bottom of every website
A simple array of objects should be enough to make this project happen.
5. Flashcard Project:
This project is all about using JavaScript OOP to develop a flashcard web application.
6. Budget Application Project:
The idea behind this project is to use JavaScript OOP to develop a budget application.
This project is all about using JavaScript OOP to develop a flashcard web application.
6. Budget Application Project:
The idea behind this project is to use JavaScript OOP to develop a budget application.
7. A web app to plan travel-
A web app that allows you to enter the day and place where you plan to travel to and the amount of money you will be bringing along, and will provide you useful information about weather conditions.
Basic Learning about (HTML/CSS/JavaScript), APIs.
A web app that allows you to enter the day and place where you plan to travel to and the amount of money you will be bringing along, and will provide you useful information about weather conditions.
Basic Learning about (HTML/CSS/JavaScript), APIs.
8. A simple notifications app to block notifications
A notifications app that lets you select messaging apps that you want to block notifications from when the frequency of notifications exceeds one every three seconds.
It will trick yourself to learn JavaScript, APIs in detail
A notifications app that lets you select messaging apps that you want to block notifications from when the frequency of notifications exceeds one every three seconds.
It will trick yourself to learn JavaScript, APIs in detail
9. Searching inside a YouTube video:
A web application that lets you search inside a YouTube video and gets you to the point where that word is uttered — a Ctrl-F capability for videos.
And tricked yourself to learn basic web development (HTML/CSS, Javascript) and python
A web application that lets you search inside a YouTube video and gets you to the point where that word is uttered — a Ctrl-F capability for videos.
And tricked yourself to learn basic web development (HTML/CSS, Javascript) and python
10. DevPost :
Browsing through other people’s hackathon projects is a great way to come across good project ideas, because:
A lot of them are just small and doable projects
And the Best place to find projects is devpost.com/software
Browsing through other people’s hackathon projects is a great way to come across good project ideas, because:
A lot of them are just small and doable projects
And the Best place to find projects is devpost.com/software
Most of them are hackathon-winning projects
How cool would it be if you create it again?
And since your goal is to learn, you shouldn’t feel bad about reimplementing some existing ideas you come across.
How cool would it be if you create it again?
And since your goal is to learn, you shouldn’t feel bad about reimplementing some existing ideas you come across.
Do not forget to implement the projects that you are learning in Tutorials/ Courses as well.
Good Luck !!
If you like the thread , Do not forget to retweet and share with fellow developers
#webdeveloper #javascript #DEVCommunity
Good Luck !!
If you like the thread , Do not forget to retweet and share with fellow developers
#webdeveloper #javascript #DEVCommunity
@threadreaderapp unroll
