Skip to content

Commit 5b4dc97

Browse files
khushi-purwarkhushi-purwar
authored
Merge branch 'main' into dev21-kh
2 parents dfa2e05 + 44755c7 commit 5b4dc97

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+32643
-4
lines changed

‎.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎Index.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,8 +128,10 @@ I've used the concept of *Async functions* and *react hook usestate* also worked
128128
| [Magic-Color-Changer](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Magic-Color-Changer)| This is a pure javascript project.
129129
|[Fetch API using react app](https://github.com/abhishektyagi2912/Web-dev-mini-projects/tree/main/Fetch%20API%20%20using%20react%20app)| That we add get user button to API calls to get user data and have a loader while API fetch the data .
130130
|[Product Landing Page](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/saloni-15-project-1/Product%20Landing%20Page)| A beginner-friendly single-page product landing website built with HTML and CSS for understanding the concept of responsive websites using CSS Grids.
131+
|[VAT Calculator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/VAT%20Calculator)| It is a simpe calculator which calculates the Value Added Tax (VAT) on products or services
131132
| [Loan Calculator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Loan%20Calculator)| This is a simple loan calculator which calculates the Loan EMI (Equated Monthly Installment).
132133
|[My Online Meal](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/My-Online-Meal)| It is a simple and responsive website.
133134
|[Good Vibes Form](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Good-Vibes-Form)| It is a simple and responsive form which can be used in any project.
134135
|[Survey Form](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Survey-Form)| It is a simple and responsive urvey-Form.
136+
|[React Pizza App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/react-tailwind-app)| It is a simple pizza react app using TailwindCSS.
135137

‎Survey-Form/readme.md renamed to ‎Survey-Form/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
2525
```
2626

2727
- Go to the directory
28-
- Run the index.html file
28+
- Run the surveyForm.html file
2929
- Navigate the form.
3030

3131
<br>

‎Survey-Form/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,4 +91,4 @@ textarea{
9191
font-size:14px;
9292
color:black;
9393
opacity:0.6;
94-
}
94+
}

‎Survey-Form/survey form.html renamed to ‎Survey-Form/surveyForm.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h1>Application For Permission To Date My Daughter</h1>
8585
<!---------------------------------------------section4 ------------------------------------------------------------------------------------------>
8686
<fieldset>
8787
<legend>Essay Section</legend>
88-
88+
8989
<div class="form-rows">
9090
<label for="area1">In 50 words or more explain why
9191
you want to date my daughter:</label>
@@ -110,4 +110,4 @@ <h1>Application For Permission To Date My Daughter</h1>
110110

111111
</body>
112112

113-
</html>
113+
</html>

‎Survey-Form/surveyForm.png

-14.1 KB
Loading

‎VAT Calculator/Screenshots/demo.gif

6.14 MB
Loading

‎VAT Calculator/Screenshots/ss1.png

39.5 KB
Loading

‎VAT Calculator/index.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="style.css">
9+
<title>VAT Calculator</title>
10+
</head>
11+
12+
<body>
13+
<div class="vat-calc">
14+
<h2>VAT Calculator</h2>
15+
<div class="main-wrapper">
16+
<form action="">
17+
<div>
18+
<label for="net-price">Net Price</label>
19+
<input type="number" name="" id="net-price" min="0.00" placeholder="0.00" /> </div>
20+
<div>
21+
<label for="vat-rate">VAT Rate (%) </label>
22+
<input type="number" name="" id="vat-rate" min="0.00" placeholder="0.00" /> </div>
23+
<div>
24+
<label for="vat-added">VAT Added </label>
25+
<input type="number" min="0.00" name="" id="vat-added" placeholder="0.00" disabled=true /> </div>
26+
<div>
27+
<label for="inc-amount">VAT Inclusive Price </label>
28+
<input type="number" min="0.00" name="" id="inc-amount" placeholder="0.00" disabled=true /> </div>
29+
</form>
30+
</div>
31+
<div class="button_group">
32+
<button type="button" class="main-btn" id="calc-btn"> Calculate</button>
33+
<button type="button" class="main-btn" id="reset-btn">Reset</button>
34+
</div>
35+
</div>
36+
<script src="script.js"></script>
37+
</body>
38+
39+
</html>

‎VAT Calculator/readme.md

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# VAT Calculator
2+
3+
## About the Project
4+
Calculates the Value Added Tax (VAT) on products or services
5+
6+
## Use of the Project:
7+
8+
<p>This calculator has two input fields, one for amount and another one for vat rate and two output fields , one is for VAT amount and another one for VAT Inclusive amount.</p>
9+
10+
## Tech Stacks Used
11+
12+
13+
![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)
14+
![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)
15+
![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
16+
17+
18+
### Steps to Use:
19+
20+
---
21+
22+
- Download or clone the repository
23+
24+
```
25+
git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
26+
```
27+
28+
- Go to the directory
29+
- Run the index.html file
30+
- Start Calculating!
31+
32+
## Screenshot
33+
34+
<img src="./Screenshots/ss1.png" />
35+
36+
## Live Demo
37+
38+
<img src="./Screenshots/demo.gif" />

0 commit comments

Comments
 (0)