File tree Expand file tree Collapse file tree 1 file changed +21
-1
lines changed Expand file tree Collapse file tree 1 file changed +21
-1
lines changed Original file line number Diff line number Diff line change @@ -39,4 +39,24 @@ Generate API key from : http://www.omdbapi.com/apikey.aspx
39
39
- Grabs the movie information from OMDB API.
40
40
- Information is returned has a JSON object
41
41
- 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 " />
You can’t perform that action at this time.
0 commit comments