Skip to content

Commit 1b1180c

Browse files
Update README.md
1 parent 4a64986 commit 1b1180c

File tree

1 file changed

+21
-1
lines changed

1 file changed

+21
-1
lines changed

react-movie-app/README.md

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,4 +39,24 @@ Generate API key from : http://www.omdbapi.com/apikey.aspx
3939
- Grabs the movie information from OMDB API.
4040
- Information is returned has a JSON object
4141
- Using React components to structure data into presentational format
42-
- Using CSS to create visually appealing and user friendly application
42+
- Using CSS to create visually appealing and user friendly application
43+
44+
### Screenshots
45+
46+
Initially, the UI looks like:
47+
48+
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/react-movie-app/Screenshots/ss1.png?raw=true" />
49+
50+
Type your movie in the search bar
51+
52+
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/react-movie-app/Screenshots/ss2.png?raw=true" />
53+
54+
After clicking on any movie, first it will show the loader and then the movie detailed information
55+
56+
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/react-movie-app/Screenshots/ss3.png?raw=true" />
57+
58+
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/react-movie-app/Screenshots/ss4.png?raw=true" />
59+
60+
### Live Demo
61+
62+
<img src="https://github.com/khushi-purwar/Web-dev-mini-projects/blob/dev-kp/react-movie-app/Screenshots/demo.gif?raw=true" />

0 commit comments

Comments
 (0)