diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..8c59530e
Binary files /dev/null and b/.DS_Store differ
diff --git a/007.mp4 b/007.mp4
new file mode 100644
index 00000000..16a4f933
Binary files /dev/null and b/007.mp4 differ
diff --git a/READMEZA.md b/READMEZA.md
new file mode 100644
index 00000000..13da133b
--- /dev/null
+++ b/READMEZA.md
@@ -0,0 +1,19 @@
+Week 3 Project: Cinema
+
+Functionality:
+-Able to search for films by Title
+-Autosearches above 3 letters (lazy option to be honest)
+-Pagination for next 20 Results
+-Infinite scrolling
+-Able to call/view additional information via modal by clicking on divs
+
+Visual Design
+-Infinite loop video on landing
+-Broadly responsive (including the modal)
+-Simple Design
+-Cursor and hover effects
+
+Issues
+-Spent Saturday trying to make some superfluous stuff work which failed and used up time.
+-Lack of time means I spent no time on making functions pure or implementing BEM
+-Lack of time meant I couldn't finish off Favourites - I think I would have got these working to a basic level
diff --git a/imagefound.png b/imagefound.png
new file mode 100644
index 00000000..1c85b161
Binary files /dev/null and b/imagefound.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..784dc84e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+ Project Cinema
+
+
+
+
+
+
+
+
+
+
Screen Search
+
+
+
+
+
+
+
+
+ ×
+
Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.js b/index.js
new file mode 100644
index 00000000..1980418f
--- /dev/null
+++ b/index.js
@@ -0,0 +1,182 @@
+var searchTitle = ""
+var pageNumber = 1;
+const form = document.querySelector(".form");
+let next = document.querySelector(".next");
+let parent = document.querySelector(".main");
+let movieItem = document.querySelectorAll(".movieItem")
+let bodyarea = document.querySelector("body")
+let modalbox = document.querySelector(".modal-body")
+var textArea = document.querySelector(".textarea")
+
+
+
+
+//search just by title (no pagination)
+form.addEventListener("submit", function(event){
+ event.preventDefault()
+ console.log(event.target[0].value)
+ searchTitle = event.target[0].value
+ var url = `http://www.omdbapi.com/?apikey=77164d83&s=${searchTitle}`
+
+ fetch(url)
+ .then(function(response) {
+ return response.json();
+ })
+ .then(function(body) {
+ parent.innerHTML = ""
+ displayTest(body.Search)
+ console.log(body)
+ // textarea.value = ""
+ })
+ })
+
+// function to diplay the returned search items for the main cards view
+ function displayTest(movies) {
+ movies.forEach(function(movie, index) {
+ let movieItem = document.createElement("div")
+ movieItem.setAttribute("data-id",`${movie.imdbID}`)
+ console.log(movieItem);
+ movieItem.className = "movieItem"
+ movieItem.id = `${movie.imdbID}`
+ movieItem.innerHTML = `
+
+