Skip to content

Commit 57ff60e

Browse files
ayushseth07ayushseth07
authored
Merge branch 'main' into patch
2 parents 711984f + a9ac290 commit 57ff60e

File tree

17 files changed

+389
-17
lines changed

17 files changed

+389
-17
lines changed

‎Index.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,8 @@
8181
| [Chess Game](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Chess-Game) | A basic chess game for entertainment purpose. |
8282
| [Password Generator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Password%20Generator) | A password generator app to generate strong passwords which can be easily used for authentication. |
8383
| [Parallex Website](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Chess-Game) | A basic website using HTML, CSS, JAVASCRIPT with modern look. |
84-
| [Weight Converter](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Weight%20Converter) |A web page where used can convert weight from kilograms to grams, ounces and pounds.|
8584

86-
| [Restaurant website](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Restaurant-website) |A Restuarant website with a simple and user friendly design ad a database linked to it.|
8785
| [To Do List](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/todolist) |This app allows you to make a list of events you want to do and you can strikeout the events completed.|
86+
| [Weight Converter](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Weight%20Converter) |A web page where used can convert weight from kilograms to grams, ounces and pounds.|
87+
| [Restaurant website](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Restaurant-website) |A Restuarant website with a simple and user friendly design ad a database linked to it.|
88+
| [Speed-Distance-Time-Calculator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/speed-distance-time-calculator) |It is a multi pager Speed Distnace Time Calculator with simple but userfriendly design.|

‎Typing Speed Test Website/README.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,16 +23,17 @@ User can improve his/her typing speed.
2323

2424
## ScreenShot
2525

26-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-khushiP/Typing%20Speed%20Test%20Website/screenshots/ss1.png" />
26+
27+
![demo1](./screenshots/ss1.png)
2728

2829
After Clicking on the Start button, UI looks like:
2930

30-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-khushiP/Typing%20Speed%20Test%20Website/screenshots/ss2.png" />
31+
![demo2](./screenshots/ss2.png)
3132

3233
After clicking on the Done Button, it give the result:
33-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-khushiP/Typing%20Speed%20Test%20Website/screenshots/ss3.png" />
34+
![demo3](./screenshots/ss3.png)
3435

3536

3637
## Live Demo
3738

38-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-khushiP/Typing%20Speed%20Test%20Website/screenshots/demo.gif" />
39+
![demo4](./screenshots/demo.gif)

‎breaking-bad-characters/README.md

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -33,21 +33,20 @@ Link : https://www.breakingbadapi.com/api/characters
3333

3434
<p>Initially, it will show a loader</p>
3535

36-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/breaking-bad-characters/Screenshots/ss3.png" />
36+
![demo1](./Screenshots/ss3.png)
3737

3838
<p>After 3-4 seconds, it will load all the characters of the show</p>
3939

40-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/breaking-bad-characters/Screenshots/ss1.png" />
40+
![demo2](./Screenshots/ss1.png)
4141

4242
<p>Clicking on any image, it will show other information like Name, Nickname, Birthday, Occupation, Status...</p>
4343

44-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/breaking-bad-characters/Screenshots/ss2.png" />
44+
![demo3](./Screenshots/ss2.png)
4545

4646
<p>User can search a particular character by typing his/her name in the search box</p>
4747

48-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/breaking-bad-characters/Screenshots/ss4.png" />
49-
48+
![demo4](./Screenshots/ss4.png)
5049

5150
## Live Demo
5251

53-
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/breaking-bad-characters/Screenshots/demo.gif" />
52+
![live demo](./Screenshots/demo.gif)

‎flask_news_project/readme.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,9 @@ python app.py
2323
```
2424

2525
Go to port 5000 and .....
26+
27+
![demo1](./templates/images/a.png)
28+
![demo2](./templates/images/b.png)
29+
![demo2](./templates/images/c.png)
2630

27-
<img src="/templates/images/a.png" style="width:70%; height:1rem; margin:2%">
28-
29-
<img src="/templates/images/b.png" style="width:70%; height:1rem; margin:2%">
30-
<img src="/templates/images/c.png" style="width:70%; height:1rem; margin:2%">
31-
</p>
31+
</p>

‎speed-distance-time-calculator/CalcDistance.html

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
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>Distance-Calculator</title>
10+
</head>
11+
12+
<body>
13+
14+
<div id="distanceContainer" style="text-align: center;">
15+
<div class="container">
16+
<div class="speedCalculator">
17+
<h1>Distance Calculator</h1>
18+
<p>Distance is the measurement of actual path covered byy any object.</p>
19+
<br>
20+
<p>Distance is the product of speed of an object to the time taken.
21+
</p>
22+
<h3 class="formula">Distance = Speed * Time
23+
</h3>
24+
<h4>SI unit of Distance is metre(m).</h4>
25+
<br>
26+
<h3><em>Fill in the speed(in m/s) and time(in seconds) and calculate the Distance. </em></h3>
27+
28+
<input type="number" id="speed" placeholder="Enter the Speed(in m/s)"><br><br>
29+
<input type="number" id="time" placeholder="Enter the time(in seconds)"><br><br>
30+
<input type="button" value="distance" id="speed" onclick="calcDistance()">
31+
<h3 id="calculatedDistanceDisplay"></h3>
32+
</div>
33+
<button class="backButton"><a href="index.html">Back</a></button>
34+
</div>
35+
<script>
36+
37+
function calcDistance() {
38+
let speed = document.getElementById("speed").value;
39+
let time = document.getElementById("time").value;
40+
let calculatedSpeedDisplay = document.getElementById("calculatedSpeedDisplay");
41+
let distance = speed * time;
42+
calculatedDistanceDisplay.innerText = `The calculated distance is ${distance} metres.`;
43+
}
44+
45+
46+
47+
</script>
48+
</body>
49+
50+
</html>

‎speed-distance-time-calculator/CalcSpeed.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
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>Speed-Calculator</title>
10+
</head>
11+
12+
<body>
13+
14+
<div id="speedContainer" class="container">
15+
16+
<div class="speedCalculator">
17+
<h1>Speed Calculator</h1>
18+
<p>Speed can be thought of as the rate at which an object covers distance. A fast-moving object has
19+
a high speed and covers a relatively large distance in a given amount of time, while a
20+
slow-moving object covers a relatively small amount of distance in the same amount of time.</p>
21+
<br>
22+
<p>Speed is the ratio of Distance travelled by any object to the time taken to travel the distance.
23+
</p>
24+
<h3 class="formula">Speed= Distance/Time
25+
</h3>
26+
<h4>SI unit of speed is m/s.</h4>
27+
<br>
28+
<h3><em>Fill in the distance(in metres) and time(in seconds) and calculate the speed. </em></h3>
29+
30+
<input type="number" id="distance" placeholder="Enter the Distance(in metres)"><br><br>
31+
<input type="number" id="time" placeholder="Enter the time(in seconds)"><br><br>
32+
<input type="button" value="Speed" id="speed" onclick="calcSpeed()">
33+
<h3 id="calculatedSpeedDisplay"></h3>
34+
</div>
35+
<button class="backButton"><a href="index.html">Back</a></button>
36+
</div>
37+
<script>
38+
39+
function calcSpeed() {
40+
let distance = document.getElementById("distance").value;
41+
let time = document.getElementById("time").value;
42+
let calculatedSpeedDisplay = document.getElementById("calculatedSpeedDisplay");
43+
let speed = distance / time;
44+
calculatedSpeedDisplay.innerText = `The calculated speed is ${speed} m/s`;
45+
}
46+
47+
48+
</script>
49+
</body>
50+
51+
</html>

‎speed-distance-time-calculator/CalcTime.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
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>Speed-Distance-Time-Calculator</title>
10+
</head>
11+
12+
<body>
13+
14+
<div id="timeContainer" class="container">
15+
16+
17+
<div class="timeCalculator">
18+
<h1>Time Calculator</h1>
19+
<p>Time taken by any object to cover a specific distance.</p>
20+
<br>
21+
<p>Time is the ratio of distance of an object to the speed.
22+
</p>
23+
<h3 class="formula">Time=
24+
Distance/Speed</h3>
25+
<h4>SI unit of time is s(seconds).</h4>
26+
<br>
27+
<h3><em>Fill in the distance(in metres) and speed(in m/s) and calculate the
28+
time. </em></h3>
29+
30+
<input type="text" id="distance" placeholder="Enter the Distance(in metres)"><br><br>
31+
<input type="text" id="speed" placeholder="Enter the speed(in m/s)"><br><br>
32+
<input type="button" value="Time" id="time" onclick="calcTime()">
33+
<h3 id="calculatedTimeDisplay"></h3>
34+
</div>
35+
36+
<button class="backButton"><a href="index.html">Back</a></button>
37+
</div>
38+
<script>
39+
40+
function calcTime() {
41+
let distance = document.getElementById("distance").value;
42+
let speed = document.getElementById("speed").value;
43+
let calculatedTimeDisplay = document.getElementById("calculatedTimeDisplay");
44+
let time = distance / speed;
45+
calculatedTimeDisplay.innerText = `The calculated time is ${time} seconds.`;
46+
}
47+
48+
49+
50+
</script>
51+
</body>
52+
53+
</html>

‎speed-distance-time-calculator/images/distance.png

62.9 KB
Loading

‎speed-distance-time-calculator/images/distanceCal.png

93.4 KB
Loading

‎speed-distance-time-calculator/images/index.png

276 KB
Loading

0 commit comments

Comments
 (0)