Professional Documents
Culture Documents
Create a style-guide/storyboard
Make them responsive
Build it on top of a latest framework like React
Get started here
Start simple
Enter city name
Get temperature, min-max for the day
1 / 19
Sleepless Yogi | All Rights Reserved
Start simple
Add a search bar that takes user input
Use 3rd party API to search videos based on the user input
Here are some video APIs you can use to power your app
Use maps API to nd other users that are within 10 miles radius
6. App for bored people that sends fun activities, brain teasers or goofy challenges
3 / 19
Sleepless Yogi | All Rights Reserved
4 / 19
Sleepless Yogi | All Rights Reserved
Set availability
Give yourself a try
If are struggling check out this Github repo
5 / 19
Sleepless Yogi | All Rights Reserved
TWIST:
Start simple
6 / 19
Sleepless Yogi | All Rights Reserved
Product list
Search
Add to cart
Wishlist
Checkout
Admin page to con gure the setting for above
If are struggling check out this github repo
7 / 19
Sleepless Yogi | All Rights Reserved
24. Chrome extension that will nd broken links on the page and mark them red
Start simple
Collect all links on the page
Check if they are valid - if not mark them red
Optimize it to parse links only when user views that part of the page
If it's admin consolidate the links in one page to make them easier to x
Freecodecamp article on how to create your own Chrome extension
8 / 19
Sleepless Yogi | All Rights Reserved
Simple text
Infographic upload
Create a owchart through the app itself
Members can view roadmap
Bookmark roadmaps
9 / 19
Sleepless Yogi | All Rights Reserved
Get code and learn concepts to build this app by signing up for my JavaScript bootcamp for free
Using gestures to manage video playing - pause, resume, next, previous, etc
Take quiz via the VR app
10 / 19
Sleepless Yogi | All Rights Reserved
Learning app
Bite-sized lessons
11 / 19
Sleepless Yogi | All Rights Reserved
12 / 19
Sleepless Yogi | All Rights Reserved
13 / 19
Sleepless Yogi | All Rights Reserved
Ask what speci c details you are looking for in project partner
Technology expertise, type of projects, year of experience
Show matching project partners
Based on technology used, years of experience, type of projects
Pictures of their previous apps
Built in chat feature to bounce o project ideas
But lost your beloved music list from winamp player? Me too.
Just import/clone the list in your favorite music service and relive those moments
Advanced search
By genre
Artists
Upvote/downvote/comments
Daily quizzes
Country quiz
Logo quiz
Programming quiz
World leader quiz
Advanced: challenge your friend to take the quiz together
Select a topic
Select a group
Set time limit for the debate
Debate via text or voice or video call
Advanced: cut out o ensive language
15 / 19
Sleepless Yogi | All Rights Reserved
16 / 19
Sleepless Yogi | All Rights Reserved
weight
height
Visualize the weight history
Set goals
Predict future values to motivate the users
Github repo to get you started
53. Co ee lovers
Fun app that shows the rst tweet your favorite celebrity wrote
Single page application
Select a user / search for a user
Talk to Twitter API
Get that user's rst every tweet
Maybe rst 10 if the page is showing up more white space
How to use Twitter API github repo
17 / 19
Sleepless Yogi | All Rights Reserved
Chrome extension
It will blur out the words, pictures, and videos which are uncensored or obscene
For starters you can start with just words
Use a dictionary of words and match the words on the webpage with it and blur them out if they
are not appropriate
18 / 19
Sleepless Yogi | All Rights Reserved
Further Reading
If you liked these project ideas, I have more surprises for you.
I'm gonna teach web development to 10,000 students this year, with your help!
In my JavaScript bootcamp, I help you build many of the web apps (beginner level) listed in this guide. It's
free to sign up!
You'll learn all about these JavaScript concepts - and much more:
Rest, Spread, Destructuring
map, lter, reduce - more array functions
Closures, hoisting, event handling, IIFE
Arrow functions, execution context
"new", "this" - working and nuisances
Weekly challenges
Build web apps in JavaScript
If you are interested - check out this link to the FREE trial of my JavaScript mastery bootcamp.
Hundreds of students have already enrolled ⭐ ⭐ ⭐ ⭐ ⭐
19 / 19