Reflix project

.eslintcache

@@ -0,0 +1 @@
+[{"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\index.js":"1","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\reportWebVitals.js":"2","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\App.js":"3","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Home.js":"4","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Catalog.js":"5","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Movie.js":"6","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Item.js":"7","C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\CatalogSection.js":"8"},{"size":519,"mtime":1608976875317,"results":"9","hashOfConfig":"10"},{"size":375,"mtime":1608976875326,"results":"11","hashOfConfig":"10"},{"size":6322,"mtime":1608976875275,"results":"12","hashOfConfig":"10"},{"size":875,"mtime":1608976875290,"results":"13","hashOfConfig":"10"},{"size":1202,"mtime":1608976875282,"results":"14","hashOfConfig":"10"},{"size":385,"mtime":1608976875298,"results":"15","hashOfConfig":"10"},{"size":741,"mtime":1608976875293,"results":"16","hashOfConfig":"10"},{"size":533,"mtime":1608976875287,"results":"17","hashOfConfig":"10"},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1k8a2pr",{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"22","messages":"23","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\index.js",[],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\reportWebVitals.js",[],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\App.js",["34","35","36"],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Home.js",[],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Catalog.js",[],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Movie.js",[],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\Item.js",[],"C:\\Users\\user\\Desktop\\code\\projects\\ReflixProject\\reflix\\src\\components\\CatalogSection.js",[],{"ruleId":"37","severity":1,"message":"38","line":31,"column":59,"nodeType":"39","messageId":"40","endLine":31,"endColumn":61},{"ruleId":"37","severity":1,"message":"38","line":35,"column":59,"nodeType":"39","messageId":"40","endLine":35,"endColumn":61},{"ruleId":"37","severity":1,"message":"38","line":76,"column":128,"nodeType":"39","messageId":"40","endLine":76,"endColumn":130},"eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected"]

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -0,0 +1,37 @@
+# Reflix Project
+
+<img src="https://res.cloudinary.com/dbuhagj9e/image/upload/v1608837326/5fe4e7db56219_z1gnmb.png" alt="logo" width="20%"/>
+
+Reflix is a Netflix-like Project for renting movies. Data is also persisted with LocalStorage.
+
+## 📷 Project Screenshots
+
+### 🎭 Home
+
+Displays users, each with different budget and rented movies, clicking on any of them will display their catalog page.
+
+<img src="./home.png" width="70%" /> 
+
+### 📜 Catalog
+
+Displays available movies, with the ability to rent/unrent (if budget allows) a movie. the user can also search dynamically between movies. clicking on any of the movie will display the movie details page.
+
+<img src="./catalog.png" width="70%"/>
+<img src="./catalog2.png" width="70%"/>
+<img src="./seach.png" width="70%"/>
+
+### 🎥 Movie Details
+
+<img src="./movie.png" width="70%"/>
+
+## 💻 Technology used
+
+- React, localStorage
+
+## 🔧 Getting Started
+
+- Clone this repository. You will need `node`, `npm` installed globally on your machine.
+- run `npm install`
+- run `npm start` 
+
+