Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The Reel Thing #14

Open
wants to merge 52 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 50 commits
Commits
Show all changes
52 commits
Select commit Hold shift + click to select a range
647172e
project initialise
joelamb Sep 28, 2018
44ecd28
display search results
joelamb Sep 28, 2018
a55fcad
search results
joelamb Sep 28, 2018
ebac8bb
film search results
joelamb Sep 28, 2018
2eeaec5
search by title
joelamb Sep 28, 2018
d85861d
get film details and save in state
joelamb Sep 28, 2018
38071ec
film details on ID search
joelamb Sep 28, 2018
a2f3e53
conditional rendering of Film Details
joelamb Sep 28, 2018
c95870e
pagination init
joelamb Sep 28, 2018
c30e65b
static pagination
joelamb Sep 28, 2018
9974e03
page advance and reverse
joelamb Sep 28, 2018
1ec615c
fetch results on page change
joelamb Sep 28, 2018
bb907bd
reset currentPage on submit searchByTitle
joelamb Sep 29, 2018
0b0f142
placeholder image added when poster is N/A
joelamb Sep 29, 2018
74d2b23
page number input
joelamb Sep 29, 2018
8204c7e
install classnames package
joelamb Sep 29, 2018
ed3c200
highlight fav button on click
joelamb Sep 29, 2018
bbfd21d
push favourites to array in App.js state
joelamb Sep 29, 2018
0aae09d
add film to favourites only if it is not already a favourite
joelamb Sep 29, 2018
74a93dc
clean up and refactor
joelamb Sep 29, 2018
c2ee4ab
persistent highlighting of favourites
joelamb Sep 29, 2018
f68cefe
display favourites
joelamb Sep 29, 2018
f0c875c
tidy and refactor
joelamb Sep 29, 2018
641224c
remove favourite from favourite list by clicking delete
joelamb Sep 29, 2018
013a348
call film details by clicking film title in favourites list
joelamb Sep 29, 2018
dbe5918
add move button to favourites list
joelamb Sep 29, 2018
64109f0
add move button to favourites list
joelamb Sep 29, 2018
1d6b320
receiveMov gets selected fav
joelamb Sep 29, 2018
bb6e7cf
user can move films up the favourites list
joelamb Sep 29, 2018
5c8fa4f
get search results hints based on input change
joelamb Sep 29, 2018
f997357
display search hints
joelamb Sep 30, 2018
b8a38f7
get film details from search hints
joelamb Sep 30, 2018
ac09a7e
show/hide favourites toggle
joelamb Sep 30, 2018
9b592b9
tablet and desktop styles
joelamb Sep 30, 2018
330fbe4
mobile styling - minimise search input
joelamb Sep 30, 2018
07c48a9
mobile search results styling
joelamb Sep 30, 2018
2f5041e
mobile styling pagination
joelamb Sep 30, 2018
56f85f0
mobile film details styling
joelamb Sep 30, 2018
bfe0ef2
mobile style toggle film details modal
joelamb Sep 30, 2018
b3bdd34
minify search bar on search submit
joelamb Sep 30, 2018
c39bfec
styling for larger phones
joelamb Sep 30, 2018
c3a3726
desktop styles
joelamb Sep 30, 2018
fc61642
desktop styling
joelamb Sep 30, 2018
44f4206
tidying up
joelamb Sep 30, 2018
ad28a79
prevent search expand after minify and close hints on search by title…
joelamb Oct 1, 2018
7bd27d7
persist favourites in local storage
joelamb Oct 1, 2018
8a62933
hide label on search bar minify in mobile view
joelamb Oct 1, 2018
4aca2e0
initialise localStorage
joelamb Oct 1, 2018
0de166c
make favourites shortlist
joelamb Oct 1, 2018
6e7c94e
render ease-in for film details
joelamb Oct 2, 2018
63eb5e1
prepare for Heroku deploy
joelamb Nov 28, 2018
bdd2801
fetch over secure https
joelamb Nov 28, 2018
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 3 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
# React Cinema

Let's revisit our first project where we built a movie search engine using the Open Movie Database. This time we want to implement it using React. It should be a Single Page App, that is all the functionality should be on a single page, rather switch between multiple pages.
TODO: Write README.md

Before starting to code produce a diagram using pen and paper of your application which shows both layout and a tree diagram of the components.

What are some of the components you are going to need? Which components will fetch data and how will that data be displayed? Which components will store state and how will they pass data to other components? Which components should be re-used? Rather than re-implementing your previous solution again have a think about what you have learned in the past week and how you can apply it here.

You can start coding once your plan has been checked by a TA or instructor.
<!-- Let's revisit our first project where we built a movie search engine using the Open Movie Database. This time we want to implement it using React. It should be a Single Page App, that is all the functionality should be on a single page, rather switch between multiple pages.

## The brief

Expand Down Expand Up @@ -55,4 +51,4 @@ Hint: You may want to kick of the searching after at least 3 characters have bee

## README.md

When finished, include a README.md in your repo. Someone who is not familiar with the project should be able to look at it and understand what it is and what to do with it. Explain functionality created, mention any outstanding issues and possible features you would include if you had more time. List technologies used to create the app. Include a screenshot of your app in the README.
When finished, include a README.md in your repo. Someone who is not familiar with the project should be able to look at it and understand what it is and what to do with it. Explain functionality created, mention any outstanding issues and possible features you would include if you had more time. List technologies used to create the app. Include a screenshot of your app in the README. -->
Binary file added assets/bg_cinema-seats.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/bg_popcorn.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/no_poster_available.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/placeholder.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 23 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css">
<title>Hello World</title>
</head>
<body>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>The Reel Thing – Find Your New Favourite Film</title>

<link href="https://fonts.googleapis.com/css?family=Bungee+Inline|Dosis:300,600" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
crossorigin="anonymous">
<link rel="stylesheet" href="./style/modern-normalize.css">
<link rel="stylesheet" href="./style/style.css">
<link rel="stylesheet" href="./style/tablet-style.css">
<link rel="stylesheet" href="./style/desktop-style.css">

</head>

<body>
<div id="root"></div>
<script src="dist/bundle.js"></script>
</body>
</html>

</body>

</html>
Loading