Skip to content

Commit 11ffab9

Browse files
Ramiro RichmandRamiro Richmand
Ramiro Richmand
authored and
Ramiro Richmand
committed
Merge branch 'main' of github.com:thinesan29/BTNA_Capstone_Project
2 parents c9304a3 + 89ec687 commit 11ffab9

File tree

2 files changed

+169
-47
lines changed

2 files changed

+169
-47
lines changed

README.md

+167-43
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
# Blockbuster Reborn - '*Because Netflix is so Last Season*' 🍿🎞 (Work in Progress)
1+
# Blockbuster Reborn - '*Because Netflix is so Last Season*' 🍿🎞 (NOT COMPLETED)
22

33
Get ready to feast your eyes on a cinematic smorgasbord with Blockbuster Reborn, the go-to streaming site that brings the joy of movie nights back to life. Browse through our vibrant virtual shelves, packed with blockbuster hits, indie darlings, and everything in between. Interact with fellow film aficionados in our bustling online community, and join us for unforgettable themed movie nights. Blockbuster Reborn is your one-stop shop for pure movie magic. 🪄🎬
44

55
##### ⚠️ It is important to note that our project: Blockbuster Reborn, is solely intended for educational purposes and does not involve any commercial use of the Blockbuster, Amazon, HBO, Hulu, Netflix, or YouTube brand or material. We do not hold any rights to use their content or images. Our aim is to showcase our skills and knowledge in Full Stack Software Development.
66

7-
## **_Blockbuster Reborn Cast & Crew (Collaborators) 🎭_**
7+
## **Blockbuster Reborn Cast & Crew (Collaborators) 🎭**
88

99
<!--- ## Collaborators -->
1010
- Leah Simon (Github: [nsleeah](https://github.com/nsleeah))
@@ -13,34 +13,33 @@ Get ready to feast your eyes on a cinematic smorgasbord with Blockbuster Reborn,
1313
- Ryder Rashid (Github: [rrydderr](https://github.com/rrydderr))
1414
- Thinesan Manoseelan (Github: [thinesan29](https://github.com/thinesan29))
1515

16-
## **_Blockbuster Reborn Presentation Link 🧑‍🎨 (Ultra Clear 😎)_**
16+
## **Table of Contents** 📖
1717

18-
https://www.canva.com/design/DAFeypC6k4M/5-Lwq_e8JE0yCGk9jP2GnA/view?utm_content=DAFeypC6k4M&utm_campaign=share_your_design&utm_medium=link&utm_source=shareyourdesignpanel
18+
#### PART 1: Backend Blockbuster Reborn API
1919

20+
> #### Blockbuster Reborn Backend Presentation 🧑‍🎨🎥
2021
21-
### This README will be split into two parts, the first containing the backend API and the second containing the frontend REACT application
22-
23-
## **TABLE OF CONTENTS** 📖
24-
25-
PART 1: Backend Blockbuster Reborn API
26-
27-
> Blockbuster Reborn Backend Presentation 🧑‍🎨
2822
> 1. Backend Project Description 💬
2923
> 2. Backend Project Diagrams 🎨
3024
> 3. Blockbuster Reborn API Backend Demo: CRUD Functionality 🧑‍💻
3125
> 4. Blockbuster Reborn Backend Dependencies & Tech Stack 🤖
3226
33-
PART 2: Frontend Blockbuster Reborn React Application
27+
#### PART 2: Frontend Blockbuster Reborn React Application
28+
29+
> #### Blockbuster Reborn Frontend Presentation 🧑‍🎨🎥
3430
35-
> Blockbuster Reborn Frontend Presentation 🧑‍🎨
3631
> 5. Blockbuster Reborn Frontend Diagrams 🎨
3732
> 6. Blockbuster Reborn Frontend Instructions to Run Application 🔢
3833
> 7. Blockbuster Reborn Frontend Routes 🗺
3934
> 8. Blockbuster Reborn Frontend Demo 🧑‍💻
4035
> 9. Blockbuster Reborn Frontend Dependencies & Tech Stack 🤖
36+
37+
#### PART 3: Thank You & Further Information
38+
4139
> 10. Blockbuster Reborn Cast & Crew (Collaborators) Thank You Message 🙏🎥
40+
> 11. Keeping up to date & collaboration 📌
4241
43-
## Blockbuster Reborn Backend Presentation
42+
## Blockbuster Reborn Backend Presentation 🧑‍🎨🎥
4443

4544
https://user-images.githubusercontent.com/122550071/230603106-461983da-00f7-4778-b9b2-248fba5444ee.mp4
4645

@@ -49,7 +48,7 @@ https://user-images.githubusercontent.com/122550071/230603106-461983da-00f7-4778
4948

5049
<!--- ## Description -->
5150

52-
This project is a Bookkeeper API containing movies and TV shows within a 'movielist.' Each movie and TV show contains the title, cast, genre, language, rating and review.
51+
This project is a Blockbuster Reborn API containing movies and TV shows within a 'movielist.' Each movie and TV show contains the title, cast, genre, language, rating and review.
5352

5453
The program allows the user to have a movie/TV show stored in their 'watchlist' as well as add their own rating and review for added personalisation.
5554

@@ -119,24 +118,123 @@ https://user-images.githubusercontent.com/122550071/230561091-51145ca7-480a-45af
119118

120119
Each model - Movie, Cast and MovieCastMember - have REST controllers that provide basic CRUD functionality, specifically Index, Show, Create, Update and Delete routes. The Movie and Cast models also have additional functionality, described below:
121120

122-
- INDEX:
123-
- `GET http://localhost:8080/movies` returns all books in JSON format and can be accessed via web browser
124-
- This method is available for all other models
121+
### 1. GET (SHOW)
122+
123+
**1.1 GET All Movies** <br>
124+
``````
125+
Method: GET
126+
Endpoint : /movies
127+
URL: http://localhost:8080/movies
128+
```````
129+
This GET request retrieves all the movies available in the API.
130+
131+
**1.2 GET All Casts** <br>
132+
``````
133+
Method: GET
134+
Endpoint : /casts
135+
URL: http://localhost:8080/casts
136+
```````
137+
This GET request retrieves all the casts available in the API.
138+
139+
**1.3 GET Movie By Id** <br>
140+
``````
141+
Method: GET
142+
Endpoint : /movies/1
143+
URL: http://localhost:8080/movies/1
144+
```````
145+
146+
This GET method retrieves a single Movie resource by its unique identifier (Id) specified in the URL path parameter. In this case, the Id is 1. The method returns the Movie object with all its associated properties such as the title,duration,watchList,review,rating,trailer,language and genre.
147+
148+
**1.4 GET Cast By Id** <br>
149+
``````
150+
Method: GET
151+
Endpoint : /casts/1
152+
URL: http://localhost:8080/casts/1
153+
```````
154+
155+
This GET method retrieves a single Cast resource by its unique identifier (Id) specified in the URL path parameter. In this case, the Id is 1. The method returns the Cast object with all its associated properties such as the name,age and bio.
156+
157+
**1.5 GET Movies By Genre** <br>
158+
``````
159+
Method: GET
160+
Endpoint : /movies/genre/ACTION
161+
URL: http://localhost:8080/movies/genre/ACTION
162+
```````
163+
164+
This GET method retrieves a all the Action Movies available in the API. The following can also be done for Originals,Top-Rated,Comedy,Documentaries and Horror. Refer to Genre(Enum) in BackEnd Project Description.
165+
166+
**1.6 GET 5 Random Movies** <br>
167+
``````
168+
Method: GET
169+
Endpoint : /movies/random
170+
URL: http://localhost:8080/movies/random
171+
```````
172+
173+
This GET method retrieves 5 random movies from the API everytime the URL link is refreshed.
174+
175+
<hr />
125176

126-
- SHOW:
127-
- `GET http://localhost:8080/movies/{movieId}` returns movies with unique id = {id} and can be accessed via web browser
177+
### 2. POST (CREATE)
178+
179+
**2.1 POST New Movies**:<br>
180+
``````
181+
Method: POST
182+
Endpoint : /movies
183+
URL: http://localhost:8080/movies
184+
```````
185+
186+
The request body must be a JSON object containing the title,duration,watchList,review,rating,trailer,language and genre. The language and genre enum values are all listed in the API BackEnd Project Description section. If the request is successful, it will respond with a status code of 201 (Created) and the newly created Movie object in the response body.
187+
188+
In Postman, select Body -> JSON -> raw and enter the following for the request body:
189+
```````
190+
{
191+
"id": 31,
192+
"title": "Spider-Man No Way Home",
193+
"duration": 166,
194+
"watchList": false,
195+
"review": "Good",
196+
"rating": 8,
197+
"trailer": "https://www.youtube.com/embed/JfVOs4VSpmA",
198+
"language": "ENGLISH",
199+
"genre": "ACTION"
200+
}
201+
```````
202+
203+
In this example, the language enum value is "ENGLISH" and the genre enum is "ACTION" . If you want to use other examples, please refer to the listed language and genre enum values in the BackEnd Project description. Anything not on the list will NOT work.Please Note that language enum and genre enum must be all written in uppercase letters.
204+
205+
**2.2 POST New Cast:**:<br>
206+
``````
207+
Method: POST
208+
Endpoint : /casts
209+
URL: http://localhost:8080/casts
210+
```````
211+
212+
The request body must be a JSON object containing the name,age and bio. If the request is successful, it will respond with a status code of 201 (Created) and the newly created Movie object in the response body.
213+
214+
In Postman, select Body -> JSON -> raw and enter the following for the request body:
215+
```````
216+
{
217+
"id":59,
218+
"name":"Tom Holland",
219+
"age": 26,
220+
"bio":"Thomas Stanley Holland is an English actor. His accolades include a British Academy Film Award and three Saturn Awards."
221+
}
222+
```````
223+
224+
In this example, a new Cast member named "Tom Holland has been added to the API.
225+
226+
<hr />
128227
129-
- CREATE:
130-
- `POST http://localhost:8080/movies` creates a movie with a unique id, and returns the created movie.
131-
- Attributes of this new movie must be sent within the request body in Postman.
228+
### 3. PUT (UPDATE)
132229
133-
- UPDATE:
134-
- `PUT http://localhost:8080/movies/{movieId}` updates movies with unique id = {id} and returns the updated book.
135-
- All attributes, changed or not, must be included in the request body in Postman.
230+
Finish this off later on
136231
137-
- DELETE:
138-
- `DELETE http://localhost:8080/movies/{movieId}` deletes movie with unique id = {id}.
139-
- This must be done in Postman. If delete request is successful, Http status 202 - no content - is returned.
232+
**3.1 PUT Update Movie**:
233+
234+
235+
236+
237+
140238
141239
### Filters and Sort
142240
@@ -156,9 +254,12 @@ The movie model contains filters and a sort that allow the user to narrow their
156254
157255
<hr />
158256
159-
## Blockbuster Reborn Frontend Presentation 🧑‍🎨
257+
## Blockbuster Reborn Frontend Presentation 🧑‍🎨🎥
258+
259+
260+
https://user-images.githubusercontent.com/122550071/230789786-8adf49d8-eed0-4c17-a0f0-bbb560e350e4.mp4
261+
160262
161-
https://user-images.githubusercontent.com/122550071/230603562-0b5f312e-fb15-4e12-9380-07cdffaf0354.mp4
162263
163264
## **_5. Blockbuster Reborn Frontend Diagrams 🎨_**
164265
@@ -201,39 +302,62 @@ Our Component diagram was our initial visual representation of how the different
201302
202303
The following are the Routes available on the React app, configured using the React Router library:
203304
204-
Landing page: `http://localhost:3000`
305+
Landing Page: `http://localhost:3000/Home`
205306
206-
All Movies: `http://localhost:8080/movies`
307+
Logo Video: `http://localhost:3000`
207308
208-
<!-- Add in others as well -->
309+
My List: `http://localhost:3000/MyList`
209310
210-
## **_8. Blockbuster Reborn Frontend Demo 🧑‍💻_**
211-
*Please note the our React application link has also been attached within the about section.* <!-- Change maybe? -->
311+
Login: `http://localhost:3000/Login`
212312
213-
## Our Demo
214-
### Demonstrating CRUD functionality
313+
Admin: `http://localhost:3000/Admin`
215314
216-
deploy React app here with link in about section as well
315+
- Admin Manage: `http://localhost:3000/Admin/Manage`
316+
317+
- Admin Manage Movie: `http://localhost:3000/Admin/Manage/Movie`
318+
319+
- Admin Manage Cast: `http://localhost:3000/Admin/Manage/Cast`
320+
321+
Subscribe: `http://localhost:3000/Subscribe`
322+
323+
Blockbuster Originals: `http://localhost:3000/Blockbuster_Originals`
324+
325+
Top Rated: `http://localhost:3000/Top_Rated`
326+
327+
Action: `http://localhost:3000/Action`
328+
329+
Comedy: `http://localhost:3000/Comedy`
330+
331+
Documentaries: `http://localhost:3000/Documentaries`
332+
333+
Horror: `http://localhost:3000/Horror`
334+
335+
<!-- Add in others as well -->
336+
337+
## **_8. Blockbuster Reborn Frontend React Application 🧑‍💻_**
338+
339+
**TBC**
217340
218341
## **_9. Blockbuster Reborn Frontend Dependencies & Tech Stack 🤖_**
219-
* Spring Data JPA
220-
* Spring Web
221-
* SpringBoot Devtools
222342
* CSS
223343
* JavaScript
224344
* React
225345
* React Bootstrap
226346
* React Slick
227347
* React Icons
228348
349+
<hr />
350+
351+
229352
## **_10. Blockbuster Reborn Cast & Crew (Collaborators) Thank You Message 🙏🎥_**
230353
231354
We've arrived at the end of our project, here's a little something from our team, roll the credits:
232355
233356
https://user-images.githubusercontent.com/122550071/230571517-094ed92b-fd1d-41fb-ad5d-c71ea5338087.mp4
234357
235358
<br />
236-
<hr />
359+
360+
## **_11. Further Information 📌_**
237361
238362
### If you would like to keep up to date with **Blockbuster Reborn** 🍿, our **future developments** 🤔 and perhaps **collaborate** 🤝, **please STAR** this repository 🌟 and/or feel free to **reach out to us**.
239363

client/package.json

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
{
2-
"hompage": "https://thinesan29.github.io/BNTA_Capstone_GroupProject",
32
"name": "client",
43
"version": "0.1.0",
54
"private": true,
@@ -22,9 +21,8 @@
2221
"start": "react-scripts start",
2322
"build": "react-scripts build",
2423
"test": "react-scripts test",
25-
"eject": "react-scripts eject",
26-
"predeploy": "npm run build",
27-
"deploy": "gh-pages -d build"
24+
"eject": "react-scripts eject"
25+
2826
},
2927
"eslintConfig": {
3028
"extends": [

0 commit comments

Comments
 (0)