-------------------------------
| 100 web dev project ideas |
| |
-------------👇--------------
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 me 20 times in 3
seconds
42.PWA - Internet connection game
43.Quotes instead of loader
44.Comments thread UI
45.API document with swagger json
46.Terminal effect in css
47.CLI for daily activities
48.Npm library to do text operation
49.Quiz minimalist UI
50.Yes or No fact checking UI
51.Render Google map for location
52.Selfie app with frames
53.Flames game
54.Guess the number game
55.Sound match game
56.Snake game
57.Flight time check app
58.Weather app
59.Time sheet app
60.Fan simulator
61.Css loader
62.Minimalist resume
63.Virtual Visiting card
64.Custom Birthday cards
65.Work log app (punch machine)
66.Catch me bug game
67.Guess the card game
68.Clipboard history
69.Smiley UI mock
70.Instagram story mock
71.Tinder suggestion mock
72.Fake api
73.Pinterest view for github project
74.CheatSheet generator
75.Social media activities dashboard
76.Birthday reminder
77.Reminder app if you are leaving late at work
78.Recipe tracker
79.Sarcasm meter
80.Why not analog calendar?
81.Movie rating at one place
82.Bookshelf
83.Energy drainer visualisation
84.YAGNI checklist
85.Tweet scheduler mock
86.Image crop tool
87.Windows blue screen error page
88.Never seen 404 page
89.Sarcastic 401 page
90.Play music when page offline
91.Render tweet into gif
92.CSS blob maker
93.Cute animals video search results
94.Mock duckduckgo results page
95.1000 pixels custom image
96.Swappable 5x5 grids
97.Moments celebration timer
98.Youtube subscribers count mock
99.Subscribe and bell icon gif
100. A Perfect portfolio ✌️
Let's go ......🚀
#webdevelopment #webdev
https://t.me/javascript_resources
| 100 web dev project ideas |
| |
-------------👇--------------
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 me 20 times in 3
seconds
42.PWA - Internet connection game
43.Quotes instead of loader
44.Comments thread UI
45.API document with swagger json
46.Terminal effect in css
47.CLI for daily activities
48.Npm library to do text operation
49.Quiz minimalist UI
50.Yes or No fact checking UI
51.Render Google map for location
52.Selfie app with frames
53.Flames game
54.Guess the number game
55.Sound match game
56.Snake game
57.Flight time check app
58.Weather app
59.Time sheet app
60.Fan simulator
61.Css loader
62.Minimalist resume
63.Virtual Visiting card
64.Custom Birthday cards
65.Work log app (punch machine)
66.Catch me bug game
67.Guess the card game
68.Clipboard history
69.Smiley UI mock
70.Instagram story mock
71.Tinder suggestion mock
72.Fake api
73.Pinterest view for github project
74.CheatSheet generator
75.Social media activities dashboard
76.Birthday reminder
77.Reminder app if you are leaving late at work
78.Recipe tracker
79.Sarcasm meter
80.Why not analog calendar?
81.Movie rating at one place
82.Bookshelf
83.Energy drainer visualisation
84.YAGNI checklist
85.Tweet scheduler mock
86.Image crop tool
87.Windows blue screen error page
88.Never seen 404 page
89.Sarcastic 401 page
90.Play music when page offline
91.Render tweet into gif
92.CSS blob maker
93.Cute animals video search results
94.Mock duckduckgo results page
95.1000 pixels custom image
96.Swappable 5x5 grids
97.Moments celebration timer
98.Youtube subscribers count mock
99.Subscribe and bell icon gif
100. A Perfect portfolio ✌️
Let's go ......🚀
#webdevelopment #webdev
https://t.me/javascript_resources
👍1
Join the backup channel if this channel gets banned you will lose all important files 😁😁
What does the "typeof" operator in JavaScript return for an undefined variable?
Anonymous Quiz
24%
Null
18%
NaN
19%
Object
39%
Undefined
👎1
What method in JavaScript is used to add new elements to the end of an array?
Anonymous Quiz
54%
push()
25%
append()
13%
addToEnd()
8%
addElement()
Do you know about REST API's ?
Topics Covered 👇
-> What is REST?
-> REST API ?
-> REST endpoint ?
-> API Gateway ?
What is REST?
REST stands for Representational State Transfer. It’s a way for computer systems to communicate over the internet. Imagine you want to access a book in a library. You don’t take the whole library home; instead, you just take the book you want and read it. REST works in a similar way, allowing you to access specific pieces of data on a server without needing to get all the data stored there.
What is REST API ?
So, a REST API is like a menu in a restaurant (API) that allows you to place an order (make a request) asking for a specific dish (a resource) to be prepared, and then served to you (get the response).
REST endpoint ?
An API/REST/Backend endpoint means the URL of the service that the client could hit. For instance, myservice.com/users/{username} is a backend endpoint for fetching the user details of a particular user from the service. The REST-based service will expose this URL to all its clients to fetch the user details using the above stated URL.
API Gateway ?
An API Gateway is a server that acts as an API front-end, receiving API requests, enforcing throttling and security policies, passing requests to the back-end service, and then passing the response back to the requester. In essence, it acts as a reverse proxy to accept all application programming interface (API) calls, aggregate the various services required to fulfil them, and return the appropriate result.
https://t.me/javascript_resources
Topics Covered 👇
-> What is REST?
-> REST API ?
-> REST endpoint ?
-> API Gateway ?
What is REST?
REST stands for Representational State Transfer. It’s a way for computer systems to communicate over the internet. Imagine you want to access a book in a library. You don’t take the whole library home; instead, you just take the book you want and read it. REST works in a similar way, allowing you to access specific pieces of data on a server without needing to get all the data stored there.
What is REST API ?
So, a REST API is like a menu in a restaurant (API) that allows you to place an order (make a request) asking for a specific dish (a resource) to be prepared, and then served to you (get the response).
REST endpoint ?
An API/REST/Backend endpoint means the URL of the service that the client could hit. For instance, myservice.com/users/{username} is a backend endpoint for fetching the user details of a particular user from the service. The REST-based service will expose this URL to all its clients to fetch the user details using the above stated URL.
API Gateway ?
An API Gateway is a server that acts as an API front-end, receiving API requests, enforcing throttling and security policies, passing requests to the back-end service, and then passing the response back to the requester. In essence, it acts as a reverse proxy to accept all application programming interface (API) calls, aggregate the various services required to fulfil them, and return the appropriate result.
https://t.me/javascript_resources
👍1