How akashkobal/web-development works
This repository is a collection of independent beginner-to-advanced web projects, not one integrated application. The principal workflow is a user opening a project, providing input or triggering an action, and receiving a calculated, validated, generated, or fetched result. The graph groups the README’s main capabilities by domain; each project has its own page and, where present, browser script. External API calls and local task persistence are shown where sampled source confirms them. Other wiring is inferred only at the project-page level from the tree and README.
Main entry points: 13. To Do List/script.js To-do list · 19. Image Search Engine/script.js Image search · index.html Calculator · 2. Random Password Generator/script.js Password generator
Components 34
Calculators and tools
- Calculator
1. Calculator/index.html - Password generator
2. Random Password Generator/script.js - BMI calculator
3. Body Mass Index Calculator/script.js - QR generator
5. QR Code Generator/script.js - Age calculator
14. Age Calculator/script.js
Forms and lists
- Account registration
4. Account Registration Form/script.js - Login page
6. Login Page/script.js - Email subscription
12. Email Subscription/script.js - Form validation
15. Form Validation/script.js - Form validation two
16. Form Validation 2/script.js - To-do list
13. To Do List/script.js - Notes app
18. Create Notes/script.js
Time and display
- Stopwatch
10. Stopwatch/script.js - Countdown timer
23. Countdown Timer/script.js - Mini calendar
19. Mini Calendar/script.js - Light and dark mode
9. Light and Dark Mode/script.js - Toast notifications
11. Toast Notification/script.js
Media and content
- Quote generator
7. Quotes Generator/script.js - Search clone
8. Google Search Engine Clone/script.js - Image gallery
17. Image Gallery/script.js - Image search
19. Image Search Engine/script.js - Text to voice
20. Text to Voice Converter/script.js - Joke generator
21. Random Jocke Generator/script.js - Random avatar
22. Random User Avatar Generator/script.js - Memes app
24. Memes App/script.js - GitHub profile app
29. Github Profile App/script.js
Games and interaction
- Dice challenge
26. Dice challenge/script.js - Drum kit
27. Drum kit/Drum Kit Starting Files/index.js - Capital quiz
28. Guess the capital/index.js - Instack clone quiz
25. Logiworks Instack Clone/script.js
Other components
- Browser user
- GitHub API
- Unsplash API
- Random user API
Connections 48
- Browser user → Calculator: uses
- Calculator → Browser user: shows calculation
- Browser user → Password generator: requests password
- Password generator → Browser user: shows password
- Browser user → BMI calculator: enters measurements
- BMI calculator → Browser user: shows BMI
- Browser user → QR generator: enters content
- QR generator → Browser user: shows QR code
- Browser user → Age calculator: enters birth date
- Age calculator → Browser user: shows age
- Browser user → Account registration: submits details
- Account registration → Browser user: shows form result
- Browser user → Login page: submits credentials
- Login page → Browser user: shows status
- Browser user → Email subscription: subscribes
- Email subscription → Browser user: shows status
- Browser user → Form validation: submits form
- Form validation → Browser user: shows validation
- Browser user → Form validation two: submits form
- Form validation two → Browser user: shows validation
- Browser user → To-do list: manages tasks
- To-do list → Browser user: shows tasks
- To-do list → To-do list: persists tasks
- Browser user → Notes app: creates notes
- Notes app → Browser user: shows notes
- Browser user → Stopwatch: controls timer
- Stopwatch → Browser user: shows elapsed time
- Browser user → Countdown timer: sets countdown
- Countdown timer → Browser user: shows remaining time
- Browser user → Mini calendar: views calendar
- Mini calendar → Browser user: shows date
- Browser user → Light and dark mode: changes theme
- Light and dark mode → Browser user: updates display
- Browser user → Toast notifications: triggers notification
- Toast notifications → Browser user: shows notification
- Browser user → Quote generator: requests quote
- Quote generator → Browser user: shows quote
- Browser user → Search clone: searches
- Search clone → Browser user: shows results
- Browser user → Image gallery: views images
- Image gallery → Browser user: shows gallery
- Browser user → Image search: searches images
- Image search → Unsplash API: fetches images
- Unsplash API → Image search: returns images
- Image search → Browser user: shows images
- Browser user → Text to voice: enters text
- Text to voice → Browser user: plays speech
- Browser user → Joke generator: requests joke