Skip to content

shivamdubey023/Web_Devlopment

Repository files navigation

🌐 Web Development Projects

Welcome to my Web Development Portfolio Repository 🚀
This repo contains a collection of my web projects — from interactive mini-apps to complete websites and career tools.
All projects are built using HTML, CSS, JavaScript (and sometimes backend support).


📌 Featured Projects

  • Description: A simple storytelling website where users can read interactive stories in a clean layout.
  • Tech Stack: HTML, CSS

  • Description: Interactive quiz platform with multiple-choice questions and scoring.
  • Tech Stack: HTML, CSS, JavaScript

  • Description: A simple and responsive personal portfolio website showcasing skills and projects.
  • Tech Stack: HTML, CSS, JavaScript

  • Description: Track income, expenses, and financial summaries with calculators and utilities.
  • Tech Stack: HTML, CSS, JavaScript

  • Description: A platform designed for freshers to build resumes, generate cover letters, and access career tools.
  • Tech Stack: HTML, CSS, JavaScript, PHP (Backend), InfinityFree Hosting
  • Features:
    • Resume Builder
    • Cover Letter Generator
    • Career Resources

  • Description: A project submission for the Google Developer Groups Solution Challenge.
  • Tech Stack: HTML, CSS, JavaScript

  • Description: A service website template for teachers, showcasing their profile, services, and contact details.
  • Tech Stack: HTML, CSS, JavaScript

  • Description: Paste any YouTube video link and instantly convert the video content into PDF notes.
  • Features:
    • Accepts YouTube video URLs
    • Extracts key points and summaries from the video
    • Generates downloadable PDF notes
  • Tech Stack: Streamlit, Python

📜 JavaScript Mini Projects

A collection of interactive JavaScript-based applications and tools:

  • Digital Clock — Displays the current time with live updates.
  • Background Color Changer — Changes the background color dynamically.
  • Counter App — Simple increment/decrement counter.

🛠️ Tools & Utility Projects

  • Age Calculator — Calculates exact age in years, months, and days from a given date of birth.
  • BMI Calculator — Computes Body Mass Index with health categorization (Underweight, Healthy, Overweight, etc.).
  • Cash Calculator — Breaks down entered cash amount into different denominations.
  • Dictionary Application — Provides word definitions and pronunciation using API.
  • Digital Clock — Real-time clock with hours, minutes, seconds.
  • Expense Tracker — Manage daily expenses with income-expense summary.
  • FD Calculator — Calculates maturity amount for fixed deposits based on principal, rate, and duration.
  • Loan Calculator — Estimates monthly EMI and total repayment.
  • Mouse Wheel Zoom In/Out — Enables zoom functionality using mouse wheel events.
  • Notes Taking App (Sticky Notes) — Create, edit, and delete notes with persistent storage.
  • Random Password Generator — Generates secure random passwords with customizable length.
  • Random Paragraph Generator — Creates random paragraphs for testing and practice.
  • Stopwatch Timer — Start, pause, and reset stopwatch functionality.
  • Text Animation — Stylish text animations for headers and content.
  • Timer & Date Widget — Displays live timer and current date.
  • Tip Calculator — Calculates tips instantly based on entered bill and percentage.
  • To-Do List — Add, mark complete, and remove tasks dynamically.

👉 Explore Tools Collection


📂 Other Live Projects

  • 🎲 Advice Generator App — Fetches random advice from an API and displays it in a styled card. (HTML, CSS, JavaScript)
  • 📄 Resume Builder — Create and customize professional resumes online. (HTML, CSS, JavaScript, part of Smart Fresher Hub)
  • 📝 Cover Letter Generator — Generate personalized cover letters for job applications. (HTML, CSS, JavaScript, part of Smart Fresher Hub)
  • 📥 YouTube to PDF Tool — Paste any YouTube video link and instantly convert the video content into downloadable PDF notes. (Streamlit, Python)

🚀 Future Roadmap

Upcoming full-stack projects in progress:

  • Weather App — Real-time weather updates with geolocation.
  • 📝 Personal Blog — Blogging platform with markdown support.
  • 🛒 E-Commerce Website — Product listings, shopping cart, and payments.
  • 🌐 Social Media Platform — Full-featured social app with authentication, posts, and chats.

📬 Connect With Me

About

This repository includes various web applications that I have developed while learning and improving my web development skills. More projects will be added over time as I continue building and experimenting with new technologies.

Topics

Resources

Stars

Watchers

Forks

Contributors