122 |
123 | |Field|Value|
124 | |---|---|
125 | |**Database Name**| `workshops`|
126 | |**Keyspace Name**| `netflix`|
127 | |**Regions**| Select `GOOGLE CLOUD`, then an Area close to you, then a region with no LOCK 🔒 icons: the LOCKed regions are the region not accessible to the Free Tier.|
128 |
129 | > **ℹ️ Note:** If you already have a database `workshops`, simply add a keyspace `netflix` using the `Add Keyspace` button on the bottom right hand corner of the DB Dashboard page. You may have to "Resume" the database first in case it is in "hibernated" state.
130 |
131 | While the database is being created, you will also get a **Security token** (needed to authenticate with your database and start using it):
132 | **please IGNORE THIS ONE, as we will be soon creating a new, more powerful token for today**.
133 |
134 | The status will change from `Pending` to `Active` when the database is ready, this usually only takes 2-3 minutes.
135 |
136 |
137 | ## 2. Create a security token
138 |
139 | > Note: this step is very important, as the token generated automatically for you with
140 | > the database lacks some permissions we'll use in the workshop.
141 |
142 | [Create a token for your app](https://awesome-astra.github.io/docs/pages/astra/create-token/#c-procedure), _using the **"Database Administrator"** role_.
143 | Keep it handy for later use (best to download it in CSV format, as the values
144 | will not be visible afterward).
145 | This will provide authentication later when interacting with the database.
146 | Today, in particular, you'll need the string labeled "token" (the one starting with `AstraCS:...`).
147 |
148 | > **⚠️ Important**
149 | > The instructor will show the token creation on screen,
150 | > but will then destroy it immediately for security reasons.
151 |
152 |
153 | ## 3. Create table for genres with GraphQL
154 |
155 | ✅ **Step 3a:** Open **GraphQL Playground**:
156 |
157 | 0. Ensure you are logged on to your [Astra](https://astra.datastax.com) account
158 | 1. Click on the "workshops" database on the left (expanding the list if needed)
159 | 2. Click `Connect` TAB
160 | 3. Click the `APIs` connection method
161 | 4. Make sure `GraphQL API` is selected
162 | 5. Locate the link to your GraphQL Playground in the text
163 |
164 | 
165 |
166 | 
Chrome and 
Firefox._
674 |
675 | 
679 |
680 | 
1134 |
1135 | 🎓 Complete your upgrade and get your verified skill badge! Do the assignment and submit your homework!
1136 |
1137 | 1. Complete the practice steps from this repository as described below.
1138 | 2. Insert a movie OR genre of your choice in the database (It's OK to re-use the trailer file URL from another movie! Just make the title recognizable as yours).
1139 | 3. Take a screenshot of your Netflix clone running either from your Gitpod or (better) deployed to production in Netlify (in this case, you could also give us the Netlify URL).
1140 | 4. The screenshot should clearly show the movie/genre you added (make sure you tell us its name when submitting).
1141 | 5. (Optional for extra wisdom) Watch the 2-hour video by Ania [HERE](#video-tutorial-with-ania-kubow), build the app yourself, and show us the running final result.
1142 | 6. Submit your homework [here](https://dtsx.io/homework-graphql-netflix).
1143 |
1144 | That's it, you are done: expect an email in the next days!
1145 |
1146 | # Extra resources
1147 |
1148 | ## Video tutorial with Ania Kubow
1149 | Thank you to our wonderful friend Ania Kubow for producing the Netflix clone. If you are not aware of Ania and love learning about coding you should absolutely check out her YouTube channel listed below.
1150 |
1151 | While we focused on getting you up and running to production with Astra DB and Netlify, Ania's video will dig into more details on the app itself. Check it out to dig in more.
1152 |
1153 | [Ania's Netflix Video](https://www.youtube.com/watch?v=g8COh40v2jU)
1154 |
--------------------------------------------------------------------------------
/astra.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "GraphQL Netflix Workshop",
3 | "description": "A simple ReactJS Netflix homepage clone running on Astra DB that leverages the GraphQL API with paging and infinite scrolling. This application is the result of the collaboration between Ania Kubow and the Datastax Developer Advocate team.", "duration": "50 minutes",
4 | "skillLevel": "Intermediate",
5 | "language":["javascript"],
6 | "stack":["react"],
7 | "heroImage": "https://github.com/datastaxdevs/workshop-graphql-netflix/raw/master/images/ui.png",
8 | "githubUrl": "https://github.com/datastaxdevs/workshop-graphql-netflix",
9 | "youTubeUrl": [ "https://www.youtube.com/watch?v=g8COh40v2jU"],
10 | "tags": [
11 | { "name": "react" },
12 | { "name": "javascript" }
13 | ],
14 | "category": "workshop",
15 | "usecases": []
16 | }
17 |
--------------------------------------------------------------------------------
/data/bonus/dataset_action.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_actions {
3 |
4 | creed_1: insertmovies_by_genre(
5 | value: {
6 | genre:"Action",
7 | year:2015,
8 | title:"Creed",
9 | synopsis:"The former World Heavyweight Champion Rocky Balboa serves as a trainer and mentor to Adonis Johnson, the son of his late friend and former rival Apollo Creed.",
10 | duration:133,
11 | thumbnail:"https://i.imgur.com/NQTuLtb.mp4"}) {
12 | value{title}
13 | }
14 |
15 | creed_2: insertmovies_by_genre(
16 | value: {
17 | genre:"Action",
18 | year:2005,
19 | title:"Creed",
20 | synopsis:"The former World Heavyweight Champion Rocky Balboa serves as a trainer and mentor to Adonis Johnson, the son of his late friend and former rival Apollo Creed.",
21 | duration:133,
22 | thumbnail:"https://i.imgur.com/NQTuLtb.mp4"}) {
23 | value{title}
24 | }
25 |
26 | creed_3: insertmovies_by_genre(
27 | value: {
28 | genre:"Action",
29 | year:1995,
30 | title:"Creed",
31 | synopsis:"The former World Heavyweight Champion Rocky Balboa serves as a trainer and mentor to Adonis Johnson, the son of his late friend and former rival Apollo Creed.",
32 | duration:133,
33 | thumbnail:"https://i.imgur.com/NQTuLtb.mp4"}) {
34 | value{title}
35 | }
36 |
37 | furious7_1: insertmovies_by_genre(
38 | value: {
39 | genre:"Action",
40 | year:2015,
41 | title:"Furious7",
42 | synopsis:"Deckard Shaw seeks revenge against Dominic Toretto and his family for his comatose brother.",
43 | duration:137,
44 | thumbnail:"https://i.imgur.com/7ax74eb.mp4"}) {
45 | value{title}
46 | }
47 |
48 | furious7_2: insertmovies_by_genre(
49 | value: {
50 | genre:"Action",
51 | year:2005,
52 | title:"Furious7",
53 | synopsis:"Deckard Shaw seeks revenge against Dominic Toretto and his family for his comatose brother.",
54 | duration:137,
55 | thumbnail:"https://i.imgur.com/7ax74eb.mp4"}) {
56 | value{title}
57 | }
58 |
59 | furious7_3: insertmovies_by_genre(
60 | value: {
61 | genre:"Action",
62 | year:1995,
63 | title:"Furious7",
64 | synopsis:"Deckard Shaw seeks revenge against Dominic Toretto and his family for his comatose brother.",
65 | duration:137,
66 | thumbnail:"https://i.imgur.com/7ax74eb.mp4"}) {
67 | value{title}
68 | }
69 |
70 | guardian_1: insertmovies_by_genre(
71 | value: {
72 | genre:"Action",
73 | year:2014,
74 | title:"Guardians of the Galaxy",
75 | synopsis:"A group of intergalactic criminals must pull together to stop a fanatical warrior with plans to purge the universe.",
76 | duration:121,
77 | thumbnail:"https://i.imgur.com/AylKL2G.mp4"}) {
78 | value{title}
79 | }
80 |
81 | guardian_2: insertmovies_by_genre(
82 | value: {
83 | genre:"Action",
84 | year:2004,
85 | title:"Guardians of the Galaxy",
86 | synopsis:"A group of intergalactic criminals must pull together to stop a fanatical warrior with plans to purge the universe.",
87 | duration:121,
88 | thumbnail:"https://i.imgur.com/AylKL2G.mp4"}) {
89 | value{title}
90 | }
91 |
92 | guardian_3: insertmovies_by_genre(
93 | value: {
94 | genre:"Action",
95 | year:1994,
96 | title:"Guardians of the Galaxy",
97 | synopsis:"A group of intergalactic criminals must pull together to stop a fanatical warrior with plans to purge the universe.",
98 | duration:121,
99 | thumbnail:"https://i.imgur.com/AylKL2G.mp4"}) {
100 | value{title}
101 | }
102 |
103 | suicide_1: insertmovies_by_genre(
104 | value: {
105 | genre:"Action",
106 | year:2016,
107 | title:"Suicide Squad",
108 | synopsis:"A secret government agency recruits some of the most dangerous incarcerated super-villains to form a defensive task force. Their first mission: save the world from the apocalypse.",
109 | duration:123,
110 | thumbnail:"https://i.imgur.com/hwUzoyu.mp4"}) {
111 | value{title}
112 | }
113 |
114 | suicide_2: insertmovies_by_genre(
115 | value: {
116 | genre:"Action",
117 | year:2006,
118 | title:"Suicide Squad",
119 | synopsis:"A secret government agency recruits some of the most dangerous incarcerated super-villains to form a defensive task force. Their first mission: save the world from the apocalypse.",
120 | duration:123,
121 | thumbnail:"https://i.imgur.com/hwUzoyu.mp4"}) {
122 | value{title}
123 | }
124 | suicide_3: insertmovies_by_genre(
125 | value: {
126 | genre:"Action",
127 | year:1996,
128 | title:"Suicide Squad",
129 | synopsis:"A secret government agency recruits some of the most dangerous incarcerated super-villains to form a defensive task force. Their first mission: save the world from the apocalypse.",
130 | duration:123,
131 | thumbnail:"https://i.imgur.com/hwUzoyu.mp4"}) {
132 | value{title}
133 | }
134 |
135 | }
136 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_anime.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_animes {
3 |
4 | gundamn_1: insertmovies_by_genre(
5 | value: {
6 | genre:"Anime",
7 | year:2007,
8 | title:"Gundam 00",
9 | synopsis:"In the distant future, mankind has used up all of its fossil fuels, forcing them to turn to Solar Power as an alternate energy source. As a result, this causes a rift to form between richer and poorer nations, eventually leading to war. In the midst of this conflict, a mysterious military group known as 'Celestial Being' aims to use force to bring peace to the world, by using special humanoid weapons known as Gundams.",
10 | duration:100,
11 | thumbnail:"https://i.imgur.com/BR9EUGh.mp4"}) {
12 | value{title}
13 | }
14 |
15 | gundamn_2: insertmovies_by_genre(
16 | value: {
17 | genre:"Anime",
18 | year:2017,
19 | title:"Gundam 00",
20 | synopsis:"In the distant future, mankind has used up all of its fossil fuels, forcing them to turn to Solar Power as an alternate energy source. As a result, this causes a rift to form between richer and poorer nations, eventually leading to war. In the midst of this conflict, a mysterious military group known as 'Celestial Being' aims to use force to bring peace to the world, by using special humanoid weapons known as Gundams.",
21 | duration:100,
22 | thumbnail:"https://i.imgur.com/BR9EUGh.mp4"}) {
23 | value{title}
24 | }
25 |
26 | gundamn_3: insertmovies_by_genre(
27 | value: {
28 | genre:"Anime",
29 | year:1997,
30 | title:"Gundam 00",
31 | synopsis:"In the distant future, mankind has used up all of its fossil fuels, forcing them to turn to Solar Power as an alternate energy source. As a result, this causes a rift to form between richer and poorer nations, eventually leading to war. In the midst of this conflict, a mysterious military group known as 'Celestial Being' aims to use force to bring peace to the world, by using special humanoid weapons known as Gundams.",
32 | duration:100,
33 | thumbnail:"https://i.imgur.com/BR9EUGh.mp4"}) {
34 | value{title}
35 | }
36 |
37 | dbs_1: insertmovies_by_genre(
38 | value: {
39 | genre:"Anime",
40 | year:2015,
41 | title:"Dragon Ball Super",
42 | synopsis:"Six months after the defeat of Majin Buu, The mighty Saiyan Son Goku continues his quest on becoming stronger.",
43 | duration:100,
44 | thumbnail:"https://i.imgur.com/6u0PCQK.mp4"}) {
45 | value{title}
46 | }
47 |
48 | dbs_2: insertmovies_by_genre(
49 | value: {
50 | genre:"Anime",
51 | year:2005,
52 | title:"Dragon Ball Super",
53 | synopsis:"Six months after the defeat of Majin Buu, The mighty Saiyan Son Goku continues his quest on becoming stronger.",
54 | duration:100,
55 | thumbnail:"https://i.imgur.com/6u0PCQK.mp4"}) {
56 | value{title}
57 | }
58 |
59 | dbs_3: insertmovies_by_genre(
60 | value: {
61 | genre:"Anime",
62 | year:1995,
63 | title:"Dragon Ball Super",
64 | synopsis:"Six months after the defeat of Majin Buu, The mighty Saiyan Son Goku continues his quest on becoming stronger.",
65 | duration:100,
66 | thumbnail:"https://i.imgur.com/6u0PCQK.mp4"}) {
67 | value{title}
68 | }
69 |
70 | aot_1: insertmovies_by_genre(
71 | value: {
72 | genre:"Anime",
73 | year:2015,
74 | title:"Attack on Titan",
75 | synopsis:"After his hometown is destroyed and his mother is killed, young Eren Jaeger vows to cleanse the earth of the giant humanoid Titans that have brought humanity to the brink of extinction.",
76 | duration:100,
77 | thumbnail:"https://i.imgur.com/LItJ5qS.mp4"}) {
78 | value{title}
79 | }
80 |
81 | aot_2: insertmovies_by_genre(
82 | value: {
83 | genre:"Anime",
84 | year:2005,
85 | title:"Attack on Titan",
86 | synopsis:"After his hometown is destroyed and his mother is killed, young Eren Jaeger vows to cleanse the earth of the giant humanoid Titans that have brought humanity to the brink of extinction.",
87 | duration:100,
88 | thumbnail:"https://i.imgur.com/LItJ5qS.mp4"}) {
89 | value{title}
90 | }
91 |
92 | aot_3: insertmovies_by_genre(
93 | value: {
94 | genre:"Anime",
95 | year:1995,
96 | title:"Attack on Titan",
97 | synopsis:"After his hometown is destroyed and his mother is killed, young Eren Jaeger vows to cleanse the earth of the giant humanoid Titans that have brought humanity to the brink of extinction.",
98 | duration:100,
99 | thumbnail:"https://i.imgur.com/LItJ5qS.mp4"}) {
100 | value{title}
101 | }
102 |
103 | bleach_1: insertmovies_by_genre(
104 | value: {
105 | genre:"Anime",
106 | year:2004,
107 | title:"Bleach",
108 | synopsis:"High school student Ichigo Kurosaki, who has the ability to see ghosts, gains soul reaper powers from Rukia Kuchiki and sets out to save the world from 'Hollows'.",
109 | duration:100,
110 | thumbnail:"https://i.imgur.com/W3fTtFS.mp4"}) {
111 | value{title}
112 | }
113 |
114 | bleach_2: insertmovies_by_genre(
115 | value: {
116 | genre:"Anime",
117 | year:1994,
118 | title:"Bleach",
119 | synopsis:"High school student Ichigo Kurosaki, who has the ability to see ghosts, gains soul reaper powers from Rukia Kuchiki and sets out to save the world from 'Hollows'.",
120 | duration:100,
121 | thumbnail:"https://i.imgur.com/W3fTtFS.mp4"}) {
122 | value{title}
123 | }
124 |
125 | bleach_3: insertmovies_by_genre(
126 | value: {
127 | genre:"Anime",
128 | year:2014,
129 | title:"Bleach",
130 | synopsis:"High school student Ichigo Kurosaki, who has the ability to see ghosts, gains soul reaper powers from Rukia Kuchiki and sets out to save the world from 'Hollows'.",
131 | duration:100,
132 | thumbnail:"https://i.imgur.com/W3fTtFS.mp4"}) {
133 | value{title}
134 | }
135 |
136 | }
137 |
138 | ```
139 |
--------------------------------------------------------------------------------
/data/bonus/dataset_awardwinning.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_awardwinning {
3 |
4 | forest1: insertmovies_by_genre(
5 | value: {
6 | genre:"Award-Winning",
7 | year:1994,
8 | title:"Forest Gump",
9 | synopsis:"The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical events unfold from the perspective of an Alabama man with an IQ of 75, whose only desire is to be reunited with his childhood sweetheart.",
10 | duration:142,
11 | thumbnail:"https://i.imgur.com/V6WMXYx.mp4"}) {
12 | value{title}
13 | }
14 |
15 | forest2: insertmovies_by_genre(
16 | value: {
17 | genre:"Award-Winning",
18 | year:2004,
19 | title:"Forest Gump",
20 | synopsis:"The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical events unfold from the perspective of an Alabama man with an IQ of 75, whose only desire is to be reunited with his childhood sweetheart.",
21 | duration:142,
22 | thumbnail:"https://i.imgur.com/V6WMXYx.mp4"}) {
23 | value{title}
24 | }
25 |
26 | forest3: insertmovies_by_genre(
27 | value: {
28 | genre:"Award-Winning",
29 | year:2014,
30 | title:"Forest Gump",
31 | synopsis:"The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical events unfold from the perspective of an Alabama man with an IQ of 75, whose only desire is to be reunited with his childhood sweetheart.",
32 | duration:142,
33 | thumbnail:"https://i.imgur.com/V6WMXYx.mp4"}) {
34 | value{title}
35 | }
36 |
37 | matrix1: insertmovies_by_genre(
38 | value: {
39 | genre:"Award-Winning",
40 | year:1999,
41 | title:"The Matrix",
42 | synopsis:"When a beautiful stranger leads computer hacker Neo to a forbidding underworld, he discovers the shocking truth--the life he knows is the elaborate deception of an evil cyber-intelligence.",
43 | duration:136,
44 | thumbnail:"https://i.imgur.com/QzJe4nJ.mp4"}) {
45 | value{title}
46 | }
47 |
48 | matrix2: insertmovies_by_genre(
49 | value: {
50 | genre:"Award-Winning",
51 | year:2009,
52 | title:"The Matrix",
53 | synopsis:"When a beautiful stranger leads computer hacker Neo to a forbidding underworld, he discovers the shocking truth--the life he knows is the elaborate deception of an evil cyber-intelligence.",
54 | duration:136,
55 | thumbnail:"https://i.imgur.com/QzJe4nJ.mp4"}) {
56 | value{title}
57 | }
58 |
59 | matrix3: insertmovies_by_genre(
60 | value: {
61 | genre:"Award-Winning",
62 | year:2019,
63 | title:"The Matrix",
64 | synopsis:"When a beautiful stranger leads computer hacker Neo to a forbidding underworld, he discovers the shocking truth--the life he knows is the elaborate deception of an evil cyber-intelligence.",
65 | duration:136,
66 | thumbnail:"https://i.imgur.com/QzJe4nJ.mp4"}) {
67 | value{title}
68 | }
69 |
70 | pulpfiction1: insertmovies_by_genre(
71 | value: {
72 | genre:"Award-Winning",
73 | year:1994,
74 | title:"Pulp Fiction",
75 | synopsis:"The lives of two mob hitmen, a boxer, a gangster and his wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
76 | duration:154,
77 | thumbnail:"https://i.imgur.com/8xf630M.mp4"}) {
78 | value{title}
79 | }
80 |
81 | pulpfiction2: insertmovies_by_genre(
82 | value: {
83 | genre:"Award-Winning",
84 | year:2004,
85 | title:"Pulp Fiction",
86 | synopsis:"The lives of two mob hitmen, a boxer, a gangster and his wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
87 | duration:154,
88 | thumbnail:"https://i.imgur.com/8xf630M.mp4"}) {
89 | value{title}
90 | }
91 |
92 | pulpfiction3: insertmovies_by_genre(
93 | value: {
94 | genre:"Award-Winning",
95 | year:2014,
96 | title:"Pulp Fiction",
97 | synopsis:"The lives of two mob hitmen, a boxer, a gangster and his wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
98 | duration:154,
99 | thumbnail:"https://i.imgur.com/8xf630M.mp4"}) {
100 | value{title}
101 | }
102 |
103 | miamadre1: insertmovies_by_genre(
104 | value: {
105 | genre:"Award-Winning",
106 | year:2015,
107 | title:"Mia Madre",
108 | synopsis:"Margherita, a director in the middle of an existential crisis, has to deal with the inevitable and still unacceptable loss of her mother.",
109 | duration:106,
110 | thumbnail:"https://i.imgur.com/mRz7x3g.mp4"}) {
111 | value{title}
112 | }
113 |
114 | miamadre2: insertmovies_by_genre(
115 | value: {
116 | genre:"Award-Winning",
117 | year:2005,
118 | title:"Mia Madre",
119 | synopsis:"Margherita, a director in the middle of an existential crisis, has to deal with the inevitable and still unacceptable loss of her mother.",
120 | duration:106,
121 | thumbnail:"https://i.imgur.com/mRz7x3g.mp4"}) {
122 | value{title}
123 | }
124 |
125 | miamadre3: insertmovies_by_genre(
126 | value: {
127 | genre:"Award-Winning",
128 | year:1995,
129 | title:"Mia Madre",
130 | synopsis:"Margherita, a director in the middle of an existential crisis, has to deal with the inevitable and still unacceptable loss of her mother.",
131 | duration:106,
132 | thumbnail:"https://i.imgur.com/mRz7x3g.mp4"}) {
133 | value{title}
134 | }
135 |
136 | }
137 |
138 | ```
139 |
--------------------------------------------------------------------------------
/data/bonus/dataset_children.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_children {
3 |
4 | nemo1: insertmovies_by_genre(
5 | value: {
6 | genre:"Children & Family",
7 | year:2003,
8 | title:"Finding Nemo",
9 | synopsis:"After his son is captured in the Great Barrier Reef and taken to Sydney, a timid clownfish sets out on a journey to bring him home.",
10 | duration:100,
11 | thumbnail:"https://i.imgur.com/HtjzC5p.mp4"}) {
12 | value{title}
13 | }
14 |
15 | nemo2: insertmovies_by_genre(
16 | value: {
17 | genre:"Children & Family",
18 | year:2013,
19 | title:"Finding Nemo",
20 | synopsis:"After his son is captured in the Great Barrier Reef and taken to Sydney, a timid clownfish sets out on a journey to bring him home.",
21 | duration:100,
22 | thumbnail:"https://i.imgur.com/HtjzC5p.mp4"}) {
23 | value{title}
24 | }
25 |
26 | nemo3: insertmovies_by_genre(
27 | value: {
28 | genre:"Children & Family",
29 | year:1993,
30 | title:"Finding Nemo",
31 | synopsis:"After his son is captured in the Great Barrier Reef and taken to Sydney, a timid clownfish sets out on a journey to bring him home.",
32 | duration:100,
33 | thumbnail:"https://i.imgur.com/HtjzC5p.mp4"}) {
34 | value{title}
35 | }
36 |
37 | frog1: insertmovies_by_genre(
38 | value: {
39 | genre:"Children & Family",
40 | year:2013,
41 | title:"Frog Kingdom",
42 | synopsis:"Princess Froglegs goes undercover to compete in her father's Froglympics in order to avoid being married off to a male suitor.",
43 | duration:86,
44 | thumbnail:"https://i.imgur.com/TYDj9ud.mp4"}) {
45 | value{title}
46 | }
47 |
48 | frog2: insertmovies_by_genre(
49 | value: {
50 | genre:"Children & Family",
51 | year:2003,
52 | title:"Frog Kingdom",
53 | synopsis:"Princess Froglegs goes undercover to compete in her father's Froglympics in order to avoid being married off to a male suitor.",
54 | duration:86,
55 | thumbnail:"https://i.imgur.com/TYDj9ud.mp4"}) {
56 | value{title}
57 | }
58 |
59 | frog3: insertmovies_by_genre(
60 | value: {
61 | genre:"Children & Family",
62 | year:1993,
63 | title:"Frog Kingdom",
64 | synopsis:"Princess Froglegs goes undercover to compete in her father's Froglympics in order to avoid being married off to a male suitor.",
65 | duration:86,
66 | thumbnail:"https://i.imgur.com/TYDj9ud.mp4"}) {
67 | value{title}
68 | }
69 |
70 | turtle1: insertmovies_by_genre(
71 | value: {
72 | genre:"Children & Family",
73 | year:2016,
74 | title:"Teenage Mutant Ninja Turtles 2",
75 | synopsis:"The Turtles get into another battle with their enemy the Shredder, who has acquired new allies: the mutant thugs Bebop and Rocksteady and the alien being Krang.",
76 | duration:116,
77 | thumbnail:"https://i.imgur.com/KNgrqaP.mp4"}) {
78 | value{title}
79 | }
80 |
81 | turtle2: insertmovies_by_genre(
82 | value: {
83 | genre:"Children & Family",
84 | year:2006,
85 | title:"Teenage Mutant Ninja Turtles 2",
86 | synopsis:"The Turtles get into another battle with their enemy the Shredder, who has acquired new allies: the mutant thugs Bebop and Rocksteady and the alien being Krang.",
87 | duration:116,
88 | thumbnail:"https://i.imgur.com/KNgrqaP.mp4"}) {
89 | value{title}
90 | }
91 |
92 | turtle3: insertmovies_by_genre(
93 | value: {
94 | genre:"Children & Family",
95 | year:1996,
96 | title:"Teenage Mutant Ninja Turtles 2",
97 | synopsis:"The Turtles get into another battle with their enemy the Shredder, who has acquired new allies: the mutant thugs Bebop and Rocksteady and the alien being Krang.",
98 | duration:116,
99 | thumbnail:"https://i.imgur.com/KNgrqaP.mp4"}) {
100 | value{title}
101 | }
102 |
103 | incredible1: insertmovies_by_genre(
104 | value: {
105 | genre:"Children & Family",
106 | year:2004,
107 | title:"The incredibles",
108 | synopsis:"A family of undercover superheroes, while trying to live the quiet suburban life, are forced into action to save the world.",
109 | duration:105,
110 | thumbnail:"https://i.imgur.com/eThziEz.mp4"}) {
111 | value{title}
112 | }
113 |
114 | incredible2: insertmovies_by_genre(
115 | value: {
116 | genre:"Children & Family",
117 | year:2014,
118 | title:"The incredibles",
119 | synopsis:"A family of undercover superheroes, while trying to live the quiet suburban life, are forced into action to save the world.",
120 | duration:105,
121 | thumbnail:"https://i.imgur.com/eThziEz.mp4"}) {
122 | value{title}
123 | }
124 |
125 | incredible3: insertmovies_by_genre(
126 | value: {
127 | genre:"Children & Family",
128 | year:1994,
129 | title:"The incredibles",
130 | synopsis:"A family of undercover superheroes, while trying to live the quiet suburban life, are forced into action to save the world.",
131 | duration:105,
132 | thumbnail:"https://i.imgur.com/eThziEz.mp4"}) {
133 | value{title}
134 | }
135 |
136 | toystory1: insertmovies_by_genre(
137 | value: {
138 | genre:"Children & Family",
139 | year:1995,
140 | title:"Toy Story",
141 | synopsis:"A cowboy doll is profoundly threatened and jealous when a new spaceman figure supplants him as top toy in a boy's room.",
142 | duration:81,
143 | thumbnail:"https://i.imgur.com/8kisA8v.mp4"}) {
144 | value{title}
145 | }
146 |
147 | toystory2: insertmovies_by_genre(
148 | value: {
149 | genre:"Children & Family",
150 | year:2005,
151 | title:"Toy Story",
152 | synopsis:"A cowboy doll is profoundly threatened and jealous when a new spaceman figure supplants him as top toy in a boy's room.",
153 | duration:81,
154 | thumbnail:"https://i.imgur.com/8kisA8v.mp4"}) {
155 | value{title}
156 | }
157 |
158 | toystory3: insertmovies_by_genre(
159 | value: {
160 | genre:"Children & Family",
161 | year:2015,
162 | title:"Toy Story",
163 | synopsis:"A cowboy doll is profoundly threatened and jealous when a new spaceman figure supplants him as top toy in a boy's room.",
164 | duration:81,
165 | thumbnail:"https://i.imgur.com/8kisA8v.mp4"}) {
166 | value{title}
167 | }
168 |
169 | }
170 | ```
171 |
--------------------------------------------------------------------------------
/data/bonus/dataset_comedies.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_comedies {
3 |
4 | bridget1: insertmovies_by_genre(
5 | value: {
6 | genre:"Comedies",
7 | year:2016,
8 | title:"Bridget Jones's Baby",
9 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
10 | duration:123,
11 | thumbnail:"https://i.imgur.com/O6XpreV.mp4"}) {
12 | value{title}
13 | }
14 |
15 | bridget2: insertmovies_by_genre(
16 | value: {
17 | genre:"Comedies",
18 | year:2006,
19 | title:"Bridget Jones's Baby",
20 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
21 | duration:123,
22 | thumbnail:"https://i.imgur.com/O6XpreV.mp4"}) {
23 | value{title}
24 | }
25 |
26 | bridget3: insertmovies_by_genre(
27 | value: {
28 | genre:"Comedies",
29 | year:1996,
30 | title:"Bridget Jones's Baby",
31 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
32 | duration:123,
33 | thumbnail:"https://i.imgur.com/O6XpreV.mp4"}) {
34 | value{title}
35 | }
36 |
37 | bridget4: insertmovies_by_genre(
38 | value: {
39 | genre:"Comedies",
40 | year:1986,
41 | title:"Bridget Jones's Baby",
42 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
43 | duration:123,
44 | thumbnail:"https://i.imgur.com/O6XpreV.mp4"}) {
45 | value{title}
46 | }
47 |
48 | ninelives1: insertmovies_by_genre(
49 | value: {
50 | genre:"Comedies",
51 | year:2016,
52 | title:"Nine Lives",
53 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
54 | duration:87,
55 | thumbnail:"https://i.imgur.com/u24oIR1.mp4"}) {
56 | value{title}
57 | }
58 |
59 | ninelives2: insertmovies_by_genre(
60 | value: {
61 | genre:"Comedies",
62 | year:2006,
63 | title:"Nine Lives",
64 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
65 | duration:87,
66 | thumbnail:"https://i.imgur.com/u24oIR1.mp4"}) {
67 | value{title}
68 | }
69 |
70 | ninelives3: insertmovies_by_genre(
71 | value: {
72 | genre:"Comedies",
73 | year:1996,
74 | title:"Nine Lives",
75 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
76 | duration:87,
77 | thumbnail:"https://i.imgur.com/u24oIR1.mp4"}) {
78 | value{title}
79 | }
80 |
81 | ninelives4: insertmovies_by_genre(
82 | value: {
83 | genre:"Comedies",
84 | year:1986,
85 | title:"Nine Lives",
86 | synopsis:"Forty-something and single again, Bridget decides to focus on her job and surround herself with friends. In a twist, she finds herself pregnant, but with one hitch - she can only be fifty percent sure of the identity of her baby's father.",
87 | duration:87,
88 | thumbnail:"https://i.imgur.com/u24oIR1.mp4"}) {
89 | value{title}
90 | }
91 |
92 | mike1: insertmovies_by_genre(
93 | value: {
94 | genre:"Comedies",
95 | year:2016,
96 | title:"Mike and Dave Need Wedding Dates",
97 | synopsis:"Two hard-partying brothers place an online ad to find the perfect dates for their sister's Hawaiian wedding. Hoping for a wild getaway, the boys instead find themselves out-hustled by an uncontrollable duo.",
98 | duration:88,
99 | thumbnail:"https://i.imgur.com/4nlbiGT.mp4"}) {
100 | value{title}
101 | }
102 |
103 | mike2: insertmovies_by_genre(
104 | value: {
105 | genre:"Comedies",
106 | year:2006,
107 | title:"Mike and Dave Need Wedding Dates",
108 | synopsis:"Two hard-partying brothers place an online ad to find the perfect dates for their sister's Hawaiian wedding. Hoping for a wild getaway, the boys instead find themselves out-hustled by an uncontrollable duo.",
109 | duration:88,
110 | thumbnail:"https://i.imgur.com/4nlbiGT.mp4"}) {
111 | value{title}
112 | }
113 |
114 | mike3: insertmovies_by_genre(
115 | value: {
116 | genre:"Comedies",
117 | year:1996,
118 | title:"Mike and Dave Need Wedding Dates",
119 | synopsis:"Two hard-partying brothers place an online ad to find the perfect dates for their sister's Hawaiian wedding. Hoping for a wild getaway, the boys instead find themselves out-hustled by an uncontrollable duo.",
120 | duration:88,
121 | thumbnail:"https://i.imgur.com/4nlbiGT.mp4"}) {
122 | value{title}
123 | }
124 |
125 | mike4: insertmovies_by_genre(
126 | value: {
127 | genre:"Comedies",
128 | year:1986,
129 | title:"Mike and Dave Need Wedding Dates",
130 | synopsis:"Two hard-partying brothers place an online ad to find the perfect dates for their sister's Hawaiian wedding. Hoping for a wild getaway, the boys instead find themselves out-hustled by an uncontrollable duo.",
131 | duration:88,
132 | thumbnail:"https://i.imgur.com/4nlbiGT.mp4"}) {
133 | value{title}
134 | }
135 |
136 | }
137 | ```
138 |
--------------------------------------------------------------------------------
/data/bonus/dataset_documentaries.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_documentaries {
3 |
4 | firstp1: insertmovies_by_genre(
5 | value: {
6 | genre:"Documentaries",
7 | year:2011,
8 | title:"First Position",
9 | synopsis:"A documentary that follows six young dancers from around the world as they prepare for the Youth America Grand Prix, one of the most prestigious ballet competitions in the world.",
10 | duration:95,
11 | thumbnail:"https://i.imgur.com/Coz5yzb.mp4"}) {
12 | value{title}
13 | }
14 |
15 | firstp2: insertmovies_by_genre(
16 | value: {
17 | genre:"Documentaries",
18 | year:2001,
19 | title:"First Position",
20 | synopsis:"A documentary that follows six young dancers from around the world as they prepare for the Youth America Grand Prix, one of the most prestigious ballet competitions in the world.",
21 | duration:95,
22 | thumbnail:"https://i.imgur.com/Coz5yzb.mp4"}) {
23 | value{title}
24 | }
25 |
26 | firstp3: insertmovies_by_genre(
27 | value: {
28 | genre:"Documentaries",
29 | year:1991,
30 | title:"First Position",
31 | synopsis:"A documentary that follows six young dancers from around the world as they prepare for the Youth America Grand Prix, one of the most prestigious ballet competitions in the world.",
32 | duration:95,
33 | thumbnail:"https://i.imgur.com/Coz5yzb.mp4"}) {
34 | value{title}
35 | }
36 |
37 | firstp4: insertmovies_by_genre(
38 | value: {
39 | genre:"Documentaries",
40 | year:1981,
41 | title:"First Position",
42 | synopsis:"A documentary that follows six young dancers from around the world as they prepare for the Youth America Grand Prix, one of the most prestigious ballet competitions in the world.",
43 | duration:95,
44 | thumbnail:"https://i.imgur.com/Coz5yzb.mp4"}) {
45 | value{title}
46 | }
47 |
48 | path1: insertmovies_by_genre(
49 | value: {
50 | genre:"Documentaries",
51 | year:2007,
52 | title:"Path of glory",
53 | synopsis:"After refusing to attack an enemy position, a general accuses the soldiers of cowardice and their commanding officer must defend them.",
54 | duration:88,
55 | thumbnail:"https://i.imgur.com/xZid5oj.mp4"}) {
56 | value{title}
57 | }
58 |
59 | path2: insertmovies_by_genre(
60 | value: {
61 | genre:"Documentaries",
62 | year:1997,
63 | title:"Path of glory",
64 | synopsis:"After refusing to attack an enemy position, a general accuses the soldiers of cowardice and their commanding officer must defend them.",
65 | duration:88,
66 | thumbnail:"https://i.imgur.com/xZid5oj.mp4"}) {
67 | value{title}
68 | }
69 |
70 | path3: insertmovies_by_genre(
71 | value: {
72 | genre:"Documentaries",
73 | year:1987,
74 | title:"Path of glory",
75 | synopsis:"After refusing to attack an enemy position, a general accuses the soldiers of cowardice and their commanding officer must defend them.",
76 | duration:88,
77 | thumbnail:"https://i.imgur.com/xZid5oj.mp4"}) {
78 | value{title}
79 | }
80 |
81 | path4: insertmovies_by_genre(
82 | value: {
83 | genre:"Documentaries",
84 | year:2017,
85 | title:"Path of glory",
86 | synopsis:"After refusing to attack an enemy position, a general accuses the soldiers of cowardice and their commanding officer must defend them.",
87 | duration:88,
88 | thumbnail:"https://i.imgur.com/xZid5oj.mp4"}) {
89 | value{title}
90 | }
91 |
92 |
93 | }
94 | ```
95 |
--------------------------------------------------------------------------------
/data/bonus/dataset_dramas.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_dramas {
3 |
4 | girl1: insertmovies_by_genre(
5 | value: {
6 | genre:"Dramas",
7 | year:2016,
8 | title:"The girl on the Train",
9 | synopsis:"A divorcee becomes entangled in a missing persons investigation that promises to send shockwaves throughout her life.",
10 | duration:112,
11 | thumbnail:"https://i.imgur.com/yinQyyT.mp4"}) {
12 | value{title}
13 | }
14 |
15 | }
16 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_fantasy.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_fantasy {
3 |
4 | doctorstrange1: insertmovies_by_genre(
5 | value: {
6 | genre:"Fantasy",
7 | year:2016,
8 | title:"Doctor Strange",
9 | synopsis:"While on a journey of physical and spiritual healing, a brilliant neurosurgeon is drawn into the world of the mystic arts.",
10 | duration:115,
11 | thumbnail:"https://i.imgur.com/AARIL26.mp4"}) {
12 | value{title}
13 | }
14 |
15 | fantastic_beast1: insertmovies_by_genre(
16 | value: {
17 | genre:"Fantasy",
18 | year:2016,
19 | title:"Fantastic Beasts and Where to Find Them",
20 | synopsis:"The adventures of writer Newt Scamander in New York's secret community of witches and wizards seventy years before Harry Potter reads his book in school.",
21 | duration:132,
22 | thumbnail:"https://i.imgur.com/NhenJym.mp4"}) {
23 | value{title}
24 | }
25 |
26 | sleeping_beauty1: insertmovies_by_genre(
27 | value: {
28 | genre:"Fantasy",
29 | year:2016,
30 | title:"The Curse of Sleeping Beauty",
31 | synopsis:"Thomas unexpectedly inherits a property with a mysterious curse.",
32 | duration:132,
33 | thumbnail:"https://i.imgur.com/LcqMMwG.mp4"}) {
34 | value{title}
35 | }
36 |
37 | lotr1: insertmovies_by_genre(
38 | value: {
39 | genre:"Fantasy",
40 | year:2001,
41 | title:"The Fellowship of the Ring",
42 | synopsis:"A meek Hobbit from the Shire and eight companions set out on a journey to destroy the powerful One Ring and save Middle-earth from the Dark Lord Sauron.",
43 | duration:178,
44 | thumbnail:"https://i.imgur.com/YdhTLqF.mp4"}) {
45 | value{title}
46 | }
47 |
48 | mummy1: insertmovies_by_genre(
49 | value: {
50 | genre:"Fantasy",
51 | year:1999,
52 | title:"The Mummy",
53 | synopsis:"At an archaeological dig in the ancient city of Hamunaptra, an American serving in the French Foreign Legion accidentally awakens a mummy who begins to wreak havoc as he searches for the reincarnation of his long-lost love.",
54 | duration:124,
55 | thumbnail:"https://i.imgur.com/62tJ58E.mp4"}) {
56 | value{title}
57 | }
58 |
59 | }
60 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_french.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_french {
3 |
4 | amelie1: insertmovies_by_genre(
5 | value: {
6 | genre:"French",
7 | year:2001,
8 | title:"Amelie",
9 | synopsis:"Amélie is an innocent and naive girl in Paris with her own sense of justice. She decides to help those around her and, along the way, discovers love.",
10 | duration:122,
11 | thumbnail:"https://i.imgur.com/fan0H9k.mp4"}) {
12 | value{title}
13 | }
14 |
15 | }
16 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_horror.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_horror {
3 |
4 | ava1: insertmovies_by_genre(
5 | value: {
6 | genre:"Horror",
7 | year:2015,
8 | title:"Ava's possession.",
9 | synopsis:"A young woman recovers from a demonic possession.",
10 | duration:89,
11 | thumbnail:"https://i.imgur.com/l6krM70.mp4"}) {
12 | value{title}
13 | }
14 |
15 | rotting1: insertmovies_by_genre(
16 | value: {
17 | genre:"Horror",
18 | year:2016,
19 | title:"Little Dead Rotting Hood",
20 | synopsis:"The residents of a small town discover that something more sinister than killer wolves is lurking in the backwoods: first the wolves start turning up dead...then people.",
21 | duration:88,
22 | thumbnail:"https://i.imgur.com/C2XcrZJ.mp4"}) {
23 | value{title}
24 | }
25 |
26 | room1: insertmovies_by_genre(
27 | value: {
28 | genre:"Horror",
29 | year:2015,
30 | title:"Room",
31 | synopsis:"Held captive for 7 years in an enclosed space, a woman and her young son finally gain their freedom, allowing the boy to experience the outside world for the first time.",
32 | duration:118,
33 | thumbnail:"https://i.imgur.com/Fx5iKwZ.mp4"}) {
34 | value{title}
35 | }
36 |
37 | conjuring1: insertmovies_by_genre(
38 | value: {
39 | genre:"Horror",
40 | year:2016,
41 | title:"The Conjuring 2",
42 | synopsis:"Ed and Lorraine Warren travel to North London to help a single mother raising four children alone in a house plagued by a supernatural spirit.",
43 | duration:134,
44 | thumbnail:"https://i.imgur.com/j3qBgq8.mp4"}) {
45 | value{title}
46 | }
47 |
48 | }
49 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_independent.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_independent {
3 |
4 | enteringred1: insertmovies_by_genre(
5 | value: {
6 | genre:"Independent",
7 | year:2019,
8 | title:"Entering red",
9 | synopsis:"A woman walks into a bar and is sold the life of her dreams.",
10 | duration:12,
11 | thumbnail:"https://i.imgur.com/K7ERYIB.mp4"}) {
12 | value{title}
13 | }
14 |
15 | warroom1: insertmovies_by_genre(
16 | value: {
17 | genre:"Independent",
18 | year:2019,
19 | title:"War Room",
20 | synopsis:"A seemingly perfect family looks to fix their problems with the help of Miss Clara, an older, wiser woman.",
21 | duration:120,
22 | thumbnail:"https://i.imgur.com/ZFFosSD.mp4"}) {
23 | value{title}
24 | }
25 |
26 | }
27 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_italian.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_italian {
3 |
4 | ottoemezzo: insertmovies_by_genre(
5 | value: {
6 | genre:"Italian",
7 | year:1963,
8 | title:"8 1/2",
9 | synopsis:"A harried movie director retreats into his memories and fantasies.",
10 | duration:138,
11 | thumbnail:"https://i.imgur.com/KeF2Cr9.mp4"}) {
12 | value{title}
13 | }
14 | }
15 | ```
16 |
--------------------------------------------------------------------------------
/data/bonus/dataset_music.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_music {
3 |
4 | goldenage1: insertmovies_by_genre(
5 | value: {
6 | genre:"Music & Musicals",
7 | year:2004,
8 | title:"The Golden Age",
9 | synopsis:"A seemingly perfect family looks to fix their problems with the help of Miss Clara, an older, wiser woman.",
10 | duration:114,
11 | thumbnail:"https://i.imgur.com/SQyPd7N.mp4"}) {
12 | value{title}
13 | }
14 |
15 | whiplash1: insertmovies_by_genre(
16 | value: {
17 | genre:"Music & Musicals",
18 | year:2014,
19 | title:"Whiplash",
20 | synopsis:"A promising young drummer enrolls at a cut-throat music conservatory where his dreams of greatness are mentored by an instructor who will stop at nothing to realize a student's potential.",
21 | duration:106,
22 | thumbnail:"https://i.imgur.com/ZTOIYrc.mp4"}) {
23 | value{title}
24 | }
25 |
26 | }
27 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_romance.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_romance {
3 |
4 | lovemercy1: insertmovies_by_genre(
5 | value: {
6 | genre:"Romance",
7 | year:2014,
8 | title:"Love and Mercy",
9 | synopsis:"In the 60s, Beach Boys leader Brian Wilson struggles with emerging psychosis as he attempts to craft his avant-garde pop masterpiece. In the 80s, he is a broken, confused man under the 24-hour watch of shady therapist Dr. Eugene Landy.",
10 | duration:121,
11 | thumbnail:"https://i.imgur.com/tZtTkBf.mp4"}) {
12 | value{title}
13 | }
14 |
15 | perfectmatch1: insertmovies_by_genre(
16 | value: {
17 | genre:"Romance",
18 | year:2016,
19 | title:"The perfect match",
20 | synopsis:"A playboy named Charlie, convinced that all his relationships are dead, meets the beautiful and mysterious Eva. Agreeing to a casual affair, Charlie then wants a bit more from their relationship.",
21 | duration:96,
22 | thumbnail:"https://i.imgur.com/XqSrnvi.mp4"}) {
23 | value{title}
24 | }
25 |
26 | }
27 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_scifi.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_scifi {
3 |
4 | terminator2: insertmovies_by_genre(
5 | value: {
6 | genre:"Sci-Fi",
7 | year:1991,
8 | title:"Terminator 2",
9 | synopsis:"A cyborg, identical to the one who failed to kill Sarah Connor, must now protect her ten year old son, John Connor, from a more advanced and powerful cyborg.",
10 | duration:137,
11 | thumbnail:"https://i.imgur.com/0RworbR.mp4"}) {
12 | value{title}
13 | }
14 |
15 | inception: insertmovies_by_genre(
16 | value: {
17 | genre:"Sci-Fi",
18 | year:2010,
19 | title:"Inception",
20 | synopsis:"Cobb steals information from his targets by entering their dreams.",
21 | duration:121,
22 | thumbnail:"https://i.imgur.com/RPa4UdO.mp4"}) {
23 | value{title}
24 | }
25 |
26 | prometheus: insertmovies_by_genre(value: {
27 | genre:"Sci-Fi",
28 | year:2012,
29 | title:"Prometheus",
30 | synopsis:"After a clue to mankind's origins is discovered, explorers are sent to the darkest corner of the universe.",
31 | duration:134,
32 | thumbnail:"https://i.imgur.com/L8k6Bau.mp4"}) {
33 | value{title}
34 | }
35 |
36 | aliens: insertmovies_by_genre(value: {
37 | genre:"Sci-Fi",
38 | year:1986,
39 | title:"Aliens",
40 | synopsis:"Ellen Ripley is sent back to the planet LV-426 to establish contact with a terraforming colony.",
41 | duration:134,
42 | thumbnail:"https://i.imgur.com/QvkrnyZ.mp4"}) {
43 | value{title}
44 | }
45 |
46 | bladeRunner: insertmovies_by_genre(value: {
47 | genre:"Sci-Fi",
48 | year:1982,
49 | title:"Blade Runner",
50 | synopsis:"Young Blade Runner K's discovery of a long-buried secret leads him to track down former Blade Runner Rick Deckard.",
51 | duration:145,
52 | thumbnail:"https://i.imgur.com/xhhvmj1.mp4"}) {
53 | value{title}
54 | }
55 |
56 | starTrek: insertmovies_by_genre(value: {
57 | genre:"Sci-Fi",
58 | year:1995,
59 | title:"Star Trek",
60 | synopsis:"Star trek, the next generation",
61 | duration:134,
62 | thumbnail:"https://i.imgur.com/CyBAqqD.mp4"}) {
63 | value{title}
64 | }
65 |
66 | wonderWoman: insertmovies_by_genre(value: {
67 | genre:"Sci-Fi",
68 | year:2017,
69 | title:"Wonder Woman",
70 | synopsis:"When a pilot crashes and tells of conflict in the outside world, Diana, an Amazonian warrior in training, leaves home.",
71 | duration:134,
72 | thumbnail:"https://i.imgur.com/WHf4VQf.mp4"}) {
73 | value{title}
74 | }
75 |
76 | looper: insertmovies_by_genre(value: {
77 | genre:"Sci-Fi",
78 | year:2012,
79 | title:"Looper",
80 | synopsis:"In the near future, the mob sends their victims back in time to get them executed by the loopers.",
81 | duration:156,
82 | thumbnail:"https://i.imgur.com/B1v1FRi.mp4"}) {
83 | value{title}
84 | }
85 |
86 | exMachina: insertmovies_by_genre(value: {
87 | genre:"Sci-Fi",
88 | year: 2015,
89 | title:"Ex machina",
90 | synopsis:"Caleb Smith, a young programmer, gets a chance to become a part of a strange scientific experiment.",
91 | duration:134,
92 | thumbnail:"https://i.imgur.com/CeFGCCH.mp4"}) {
93 | value{title}
94 | }
95 |
96 | doctorStrange: insertmovies_by_genre(value: {
97 | genre:"Sci-Fi",
98 | year:2016,
99 | title:"Doctor Strange",
100 | synopsis:"In an accident, Stephen Strange, a famous neurosurgeon, loses the ability to use his hands.",
101 | duration:156,
102 | thumbnail:"https://i.imgur.com/VAiM0Pr.mp4"}) {
103 | value{title}
104 | }
105 |
106 | her: insertmovies_by_genre(value: {
107 | genre:"Sci-Fi",
108 | year:2013,
109 | title:"Her",
110 | synopsis:" A sensitive and soulful man earns a living by writing personal letters for other people.",
111 | duration:134,
112 | thumbnail:"https://i.imgur.com/y3NCz30.mp4"}) {
113 | value{title}
114 | }
115 |
116 | theMartian: insertmovies_by_genre(value: {
117 | genre:"Sci-Fi",
118 | year:2015,
119 | title:"The Martian",
120 | synopsis:"During a manned mission to Mars, Astronaut Mark Watney is presumed dead after a fierce storm and left behind by his crew.",
121 | duration:134,
122 | thumbnail:"https://i.imgur.com/DffSwK0.mp4"}) {
123 | value{title}
124 | }
125 |
126 | deadpool: insertmovies_by_genre(value: {
127 | genre:"Sci-Fi",
128 | year:2016,
129 | title:"Deadpool",
130 | synopsis:"A wisecracking mercenary gets experimented on and becomes immortal but ugly, and sets out to track down the man who ruined his looks.",
131 | duration:156,
132 | thumbnail:"https://i.imgur.com/BmasM7v.mp4"}) {
133 | value{title}
134 | }
135 |
136 | upgrade: insertmovies_by_genre(value: {
137 | genre:"Sci-Fi",
138 | year: 2018,
139 | title:"Upgrade",
140 | synopsis:"Grey, a technophobe, suffers paralysis and loses his wife during an attack.",
141 | duration:123,
142 | thumbnail:"https://i.imgur.com/UgnxAc5.mp4"}) {
143 | value{title}
144 | }
145 |
146 | okra: insertmovies_by_genre(value: {
147 | genre:"Sci-Fi",
148 | year:2018,
149 | title:"Okra",
150 | synopsis:"For 10 idyllic years, young Mija has been caretaker and constant companion to Okja - a massive animal and an even bigger friend.",
151 | duration:123,
152 | thumbnail:"https://i.imgur.com/ieICjCJ.mp4"}) {
153 | value{title}
154 | }
155 |
156 | xMen: insertmovies_by_genre(value: {
157 | genre:"Sci-Fi",
158 | year:2000,
159 | title:"X-men",
160 | synopsis:"X-Men is an American superhero film based on the fictional superhero team of the same name",
161 | duration:134,
162 | thumbnail:"https://i.imgur.com/8Fj0T1U.mp4"}) {
163 | value{title}
164 | }
165 |
166 | batmanBegins: insertmovies_by_genre(value: {
167 | genre:"Sci-Fi",
168 | year:2005,
169 | title:"Batman Begins",
170 | synopsis:"After witnessing his parents' death, Bruce learns the art of fighting to confront injustice.",
171 | duration:125,
172 | thumbnail:"https://i.imgur.com/f5mRd6r.mp4"}) {
173 | value{title}
174 | }
175 |
176 | ironMan: insertmovies_by_genre(value: {
177 | genre:"Sci-Fi",
178 | year:2008,
179 | title:"Iron Man",
180 | synopsis:"After being held captive in an Afghan cave, billionaire engineer Tony Stark creates a unique weaponized suit of armor to fight evil.",
181 | duration:132,
182 | thumbnail:"https://i.imgur.com/Y9pEiJH.mp4"}) {
183 | value{title}
184 | }
185 |
186 | kong: insertmovies_by_genre(value: {
187 | genre:"Sci-Fi",
188 | year:2017,
189 | title:"Kong: Skull Island",
190 | synopsis:"A crew that reaches Skull Island to map it, is attacked by a humongous ape.",
191 | duration:145,
192 | thumbnail:"https://i.imgur.com/rXA51dG.mp4"}) {
193 | value{title}
194 | }
195 |
196 | aliens3: insertmovies_by_genre(value: {
197 | genre:"Sci-Fi",
198 | year:1992,
199 | title:"aliens 3",
200 | synopsis:"Ellen Ripley's escape pod crash-lands on Fiorina 161, a penal colony planet terrorised by an alien.",
201 | duration:145,
202 | thumbnail:"https://i.imgur.com/HrChN9I.mp4"}) {
203 | value{title}
204 | }
205 |
206 | avatar: insertmovies_by_genre(value: {
207 | genre:"Sci-Fi",
208 | year:2009,
209 | title:"Avatar",
210 | synopsis:"A paraplegic Marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world.",
211 | duration:134,
212 | thumbnail:"https://i.imgur.com/lrAI1jQ.mp4"}) {
213 | value{title}
214 | }
215 | }
216 | ```
--------------------------------------------------------------------------------
/data/bonus/dataset_thriller.md:
--------------------------------------------------------------------------------
1 | ```
2 | mutation movies_dramas {
3 |
4 | girl1: insertmovies_by_genre(
5 | value: {
6 | genre:"Dramas",
7 | year:2016,
8 | title:"The girl on the Train",
9 | synopsis:"A divorcee becomes entangled in a missing persons investigation that promises to send shockwaves throughout her life.",
10 | duration:112,
11 | thumbnail:"https://i.imgur.com/yinQyyT.mp4"}) {
12 | value{title}
13 | }
14 |
15 | }
16 | ```
17 |
--------------------------------------------------------------------------------
/functions/getGenres.js:
--------------------------------------------------------------------------------
1 | const fetch = require('node-fetch')
2 |
3 | exports.handler = async function (event) {
4 |
5 | const body = JSON.parse(event.body)
6 | const url = process.env.ASTRA_DB_GRAPHQL_URL
7 | const query = `
8 | query getAllGenres {
9 | reference_list (
10 | value: { label: "genre"},
11 | options: {
12 | pageSize: ${JSON.stringify(body.pageSize)},
13 | pageState: ${JSON.stringify(body.pageState)}
14 | }
15 | ) {
16 | values {
17 | value
18 | }
19 | pageState
20 | }
21 | }
22 | `
23 |
24 | const response = await fetch(url, {
25 | method: 'POST',
26 | headers: {
27 | "Content-Type": "application/json",
28 | "x-cassandra-token": process.env.ASTRA_DB_APPLICATION_TOKEN
29 | },
30 | body: JSON.stringify({ query })
31 | })
32 |
33 | try {
34 | const responseBody = await response.json()
35 | return {
36 | statusCode: 200,
37 | body: JSON.stringify(responseBody)
38 | }
39 | } catch (e) {
40 | console.log(e)
41 | return {
42 | statusCode: 500,
43 | body: JSON.stringify(e)
44 | }
45 | }
46 | }
--------------------------------------------------------------------------------
/functions/getMovies.js:
--------------------------------------------------------------------------------
1 | const fetch = require('node-fetch')
2 |
3 | exports.handler = async function (event) {
4 | const body = JSON.parse(event.body)
5 | const genre = body.genre
6 | const pageState = body.pageState
7 | const url = process.env.ASTRA_DB_GRAPHQL_URL
8 | const query = `
9 | query {
10 | movies_by_genre (
11 | value: { genre: ${JSON.stringify(genre)}},
12 | orderBy: [year_DESC],
13 | options: { pageSize: 6, pageState: ${JSON.stringify(pageState)} }
14 | ) {
15 | values {
16 | year,
17 | title,
18 | duration,
19 | synopsis,
20 | thumbnail
21 | }
22 | pageState
23 | }
24 | }
25 | `
26 | const response = await fetch(url, {
27 | method: 'POST',
28 | headers: {
29 | "Content-Type": "application/json",
30 | "x-cassandra-token": process.env.ASTRA_DB_APPLICATION_TOKEN
31 | },
32 | body: JSON.stringify({ query })
33 | })
34 |
35 | try {
36 | const responseBody = await response.json()
37 | return {
38 | statusCode: 200,
39 | body: JSON.stringify(responseBody)
40 | }
41 | } catch (e) {
42 | console.log(e)
43 | return {
44 | statusCode: 500,
45 | body: JSON.stringify(e)
46 | }
47 | }
48 | }
--------------------------------------------------------------------------------
/images/Filexplorer0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/Filexplorer0.png
--------------------------------------------------------------------------------
/images/OpenPorts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/OpenPorts.png
--------------------------------------------------------------------------------
/images/allow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/allow.png
--------------------------------------------------------------------------------
/images/astra-cli-dsbulk-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/astra-cli-dsbulk-2.png
--------------------------------------------------------------------------------
/images/astra-cli-setup-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/astra-cli-setup-2.png
--------------------------------------------------------------------------------
/images/astra-create-token.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/astra-create-token.gif
--------------------------------------------------------------------------------
/images/chrome-logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/create_astra_db.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/create_astra_db.png
--------------------------------------------------------------------------------
/images/deploy-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-1.png
--------------------------------------------------------------------------------
/images/deploy-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-2.png
--------------------------------------------------------------------------------
/images/deploy-3b.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-3b.png
--------------------------------------------------------------------------------
/images/deploy-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-4.png
--------------------------------------------------------------------------------
/images/deploy-4sitename.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-4sitename.png
--------------------------------------------------------------------------------
/images/deploy-4skeletal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-4skeletal.png
--------------------------------------------------------------------------------
/images/deploy-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-5.png
--------------------------------------------------------------------------------
/images/deploy-to-netlify.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deploy-to-netlify.gif
--------------------------------------------------------------------------------
/images/deployed_netflix_clone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/deployed_netflix_clone.png
--------------------------------------------------------------------------------
/images/env_file.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/env_file.png
--------------------------------------------------------------------------------
/images/firefox-logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/gitpod-01-home-annotated.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/gitpod-01-home-annotated.png
--------------------------------------------------------------------------------
/images/gitpod-02-url.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/gitpod-02-url.png
--------------------------------------------------------------------------------
/images/gitpod_trick.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/gitpod_trick.png
--------------------------------------------------------------------------------
/images/graphql-back.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-back.png
--------------------------------------------------------------------------------
/images/graphql-playground-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-playground-2.png
--------------------------------------------------------------------------------
/images/graphql-playground-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-playground-3.png
--------------------------------------------------------------------------------
/images/graphql-playground-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-playground-4.png
--------------------------------------------------------------------------------
/images/graphql-playground-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-playground-5.png
--------------------------------------------------------------------------------
/images/graphql-playground-6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-playground-6.png
--------------------------------------------------------------------------------
/images/graphql-playground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/graphql-playground.png
--------------------------------------------------------------------------------
/images/netflix-badge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netflix-badge.png
--------------------------------------------------------------------------------
/images/netlify-build.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-build.png
--------------------------------------------------------------------------------
/images/netlify-connect-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-connect-01.png
--------------------------------------------------------------------------------
/images/netlify-deploy-prod-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-deploy-prod-2.png
--------------------------------------------------------------------------------
/images/netlify-install-cli.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-install-cli.png
--------------------------------------------------------------------------------
/images/netlify-link-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-link-2.png
--------------------------------------------------------------------------------
/images/netlify-login-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-login-2.png
--------------------------------------------------------------------------------
/images/netlify-open-site-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify-open-site-2.png
--------------------------------------------------------------------------------
/images/netlify_env_import.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/netlify_env_import.png
--------------------------------------------------------------------------------
/images/newbrowser1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/newbrowser1.png
--------------------------------------------------------------------------------
/images/open-playground-2-wh.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/open-playground-2-wh.png
--------------------------------------------------------------------------------
/images/open-playground-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/open-playground-2.png
--------------------------------------------------------------------------------
/images/playground-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/playground-1.png
--------------------------------------------------------------------------------
/images/playground-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/playground-2.png
--------------------------------------------------------------------------------
/images/playground-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/playground-3.png
--------------------------------------------------------------------------------
/images/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/preview.png
--------------------------------------------------------------------------------
/images/tabs-vs-playgroundtabs-labeled-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/tabs-vs-playgroundtabs-labeled-2.png
--------------------------------------------------------------------------------
/images/ui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/ui.png
--------------------------------------------------------------------------------
/images/waiting_for_authorization-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/images/waiting_for_authorization-2.png
--------------------------------------------------------------------------------
/know_your_gitpod.md:
--------------------------------------------------------------------------------
1 | # Know your gitpod
2 |
3 | Take a moment to read this entire section since it'll help you with the rest of the workshop as you'll be spending lot of your time in Gitpod. If you're familiar with Gitpod, you can easily skip this entire section.
4 |
5 | ### Appearance
6 |
7 | The extreme left side has the explorer view(1). The top left, middle to right is where you'll be editing files(2), etc. and the bottom left, middle to right is what we will refer to as the Gitpod terminal window(3) as shown below.
8 |
9 | 
10 |
11 | ### Get to the file explorer
12 |
13 | You can always get back to the file explorer view whenever by clicking on the hamburger menu on the top left followed by `View` and `Explorer` as shown below.
14 |
15 | 
16 |
17 | ### Your public URL
18 |
19 | The workshop application has opened with an ephemeral URL.
20 | To know the URL where your application endpoint will be exposed you can run the following command in the terminal after the build has completed.
21 | **Please note this URL and open this up in a new browser window as shown below**.
22 |
23 | ```bash
24 | gp url 8888
25 | ```
26 |
27 | 
28 |
29 |
30 | You can launch a new browser window and keep it open for the rest of the workshop, even in case the application is not running yet (in which case you can always refresh the tab later, after starting the app).
31 |
32 | 
33 |
34 | ### Enable clipboard usage
35 |
36 | You can allow cutting and pasting into the window by clicking on `Allow` as shown below.
37 |
38 | 
39 |
40 | ### Controlling routing of opened ports
41 |
42 | Or allow ports to be opened by just exiting windows that are informational messages about ports like below.
43 |
44 | 
45 |
46 |
--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | [build]
2 | command = "npm run build"
3 | functions = "functions"
4 | "publish" = "build"
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "netflix-datastax-clone",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@testing-library/jest-dom": "^5.11.10",
7 | "@testing-library/react": "^11.2.6",
8 | "@testing-library/user-event": "^12.8.3",
9 | "netlify-cli": "^3.31.14",
10 | "node-fetch": "^2.6.1",
11 | "react": "^17.0.2",
12 | "react-dom": "^17.0.2",
13 | "react-router-dom": "^5.2.0",
14 | "react-scripts": "4.0.3",
15 | "web-vitals": "^1.1.1"
16 | },
17 | "scripts": {
18 | "start": "react-scripts start",
19 | "build": "react-scripts build",
20 | "test": "react-scripts test",
21 | "eject": "react-scripts eject",
22 | "dev": "netlify dev"
23 | },
24 | "eslintConfig": {
25 | "extends": [
26 | "react-app",
27 | "react-app/jest"
28 | ]
29 | },
30 | "browserslist": {
31 | "production": [
32 | ">0.2%",
33 | "not dead",
34 | "not op_mini all"
35 | ],
36 | "development": [
37 | "last 1 chrome version",
38 | "last 1 firefox version",
39 | "last 1 safari version"
40 | ]
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/datastaxdevs/workshop-graphql-netflix/eb087e639090e1b017889b871f2db9b6820ccb08/public/favicon.ico
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
14 |
18 |
19 |
28 | {movie.title}
25 |