Skip to content

Commit 7608f40

Browse files
committed
Updated the index and readme file
1 parent 0e314ae commit 7608f40

File tree

8 files changed

+41
-6
lines changed

8 files changed

+41
-6
lines changed

Index.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,4 +83,5 @@
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. |
8484
| [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.
8585
| [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.
86-
| [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.
86+
| [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.
87+
| [Photo Editor](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/bulaw/photo%20--%20editor) |It is a photo Editor which allows to rescale,flip and grey scale images.

photo -- editor/README.md

Lines changed: 39 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,40 @@
1-
This is a Photo editor where one can flip(both horizontally and vertically),resize ,gray scale images
2-
# The project demo
1+
<h1>Photo Editor</h1>
2+
3+
<p>An Awesome Photo editting written in HTML, CSS, JavaScript.</p>
4+
5+
### Use of the Project:
6+
7+
<p>It edits the images that is it it flips images horizontally and vertically resizes it and can also grey scale the image download option is also available here . </p>
8+
9+
<h3>Used Technologies</h3>
10+
<ul>
11+
<li>HTML5</li>
12+
<li>CSS3</li>
13+
<li>JavaScript</li>
14+
<li>php</li>
15+
16+
</ul>
17+
18+
#### Steps to Use:
19+
20+
---
21+
22+
- Download or clone the repository
23+
24+
```
25+
git clone https://github.com/soma2000-lang/Web-dev-mini-projects.git
26+
```
27+
28+
- Go to the directory
29+
- Run the index.html file by copying the file path and pasting it in your browser
30+
- Upload The Image
31+
- Download the Modifed Image by clicking On Save Button.
32+
- And Here you have Awesome Editted Image
33+
34+
<h3> ScreenShots </h3>
35+
<img width="960" alt="Photo-Editor" src="https://github.com/soma2000-lang/Photo-Editor/blob/master/WhatsApp%20Image%202021-07-17%20at%2023.15.55%20(1).jpeg">
36+
<img width="960" alt="Photo-Editor"src="https://github.com/soma2000-lang/Photo-Editor/blob/master/image%20(2)%20(1).png">
37+
<img width="960" alt="Photo-Editor" src="https://github.com/soma2000-lang/Photo-Editor/blob/master/image%20(3).png">
38+
39+
<br>
340

4-
<pre><img src="photo -- editor\image (1).png" width="700"> <img src="Photo editor\Web-dev-mini-projects\photo -- editor\image (1).png" width="700"> <img src="Photo editor\Web-dev-mini-projects\photo -- editor\image (2).png" width="700"> <img src="Photo editor\Web-dev-mini-projects\photo -- editor\image.png" width="700">
5-
6-
</pre>
26.3 KB
Loading

photo -- editor/image (1).png

-310 KB
Binary file not shown.

photo -- editor/image (2) (1).png

66.2 KB
Loading

photo -- editor/image (2).png

-354 KB
Binary file not shown.

photo -- editor/image (3).png

23.6 KB
Loading

photo -- editor/image.png

-41.1 KB
Binary file not shown.

0 commit comments

Comments
 (0)