A VS Code project folder named EN$\_2024$

The full backend app structure, including folders for models, schema, and resolvers.

The main file server.js is in the root folder.

In the server.js$,$ change the database name to EN$-$db$.$

package.json from the practice session application. Additionally, you may run an npm update to ensure all dependencies are current.

Ensure all modules are installed using npm$.$

MongoDB Community Edition Server should be running.

Use npm create vite@latest to create a React app named yourfullname$\_$react$\_$client within the root folder, EN$\_2024.$

Create an Express.js backend with GraphQL to manage movies and TV shows.

Requirements:

Model Definition:

Model Name: Movie

Properties:

$$ title: String, the title of the movie or TV show.

$$ year: Number, the release year.

$$ genre: String, the genre.

$$ description: String, a brief description.

$$ rating: Number, the rating.

$$ watched: Boolean, indicates if the movie has been watched $($optional$).$

GraphQL Schema:

$$ Define types, queries, and mutations for adding, listing, and updating movies.

Resolvers:

$$ Implement functionality for add, list, and update operations.

Server Configuration:

$$ Use MongoDB with the database name YourFullName$-$streaming$-$db$.$

$$ Set up an Express.js server that connects to the above MongoDB database and creates a GraphQL

endpoint using express$-$graphql, enabling CORS for cross$-$origin requests, and configuring it to

Emerging Technologies COMP$-308$

Lab Test Page $4$ of $5$

serve the GraphQL schema with an interactive GraphiQL interface for testing queries and

mutations.

React UI:

$$ A form to add movie information.

$$ Display a list of movies with an option to update a movie using the same form

However, it is important to adhere to best practices by using

appropriate naming conventions for models, schemas, and resolvers. Additionally, ensure that all React UI components are implemented as functional components.

$----$

Movie Id:

$30$

Title:

everything everywhere all at once

Y

$2023$

Comedy$-$Drama

Description

exploring other universes and connecting with the lives one could have led

Rating

Watched

Movie Id:

$30$

Title:

everything everywhere all at once

Yea

$2023$

Genre

Comedy$-$Drama

Description

exploring other universes and connecting with the lives one could have led

Rating

$9$

Watched

React Client For Streaming App Home Croth Mowe Let of Movie:

See all your movies here: