mayurbarve/web_repo

Web Development Projects!

Web Development Projects

Welcome to the Web Development Projects repository! This repository contains various web development projects that showcase different technologies and techniques used in modern web development. Each project is organized in its own directory with detailed instructions on how to run and explore the project.

#Table of Contents

1. Tailwind Responsive Design 1
2. Signature App
3. CountDown App Until 2025
4. Image Resizer
5. BMI Calculator
6. Calculator
7. Expense Tracker
8. Shopping Cart
9. To Do App
10. Weather App

Project 1: Tailwind Responsive Design 1

Description: A Respnsive Design To showcase the Tailwind Css using Vite and React it mian objective to create a Responsive design according to the Screen Size.

Technologies Used: HTML, CSS, JavaScript, TailwindCSS , Vite + React

How to Run:

1. Navigate to the Tailwind Landing directory.
2. you will find all over the Source Code.
3. Result Directory Show the actal Output of the Projects

Features:

• Responsive design
• Interactive project

Project 2: Signature App

Description: Signature App repository! This application allows users to create and save digital signatures. It's built using HTML, CSS, and JavaScript.

Technologies Used: HTML5 Canvas Documentation, CSS Tricks, JavaScript

How to Run:

1. Navigate to the Signature App directory.
2. you will find all over the Source Code.
3. Result Directory Show the actal Output of the Projects

Features:

• Draw Signatures: Use your mouse or touchscreen to draw a signature.
• Save Signatures: Save your signature as an image file.
• Clear Canvas: Easily clear the canvas to create a new signature.
• Responsive Design: Optimized for both desktop and mobile devices.

Project 3: Countdown App Until 2025

Description: A simple web application that displays a countdown timer to the year 2025. Built using HTML, CSS, and JavaScript.

Technologies Used: HTML5 Canvas Documentation, CSS Tricks, JavaScript

Features: Live Countdown: Real-time countdown to January 1, 2025. Responsive Design: Adapts to different screen sizes and devices. Minimalist UI: Clean and straightforward user interface.

Demo Check out the live demo of the application here.