Build a Movie Search Website with AI Code Generation Assistant

Date: 7 Oct 2024 (Mon) & 14 Oct 2024 (Mon)

Time: 14:30 - 16:30

Venue: M403 / Online

Target Audience: All students

Medium of Instruction: English

**Participants are required to join both sessions (2.0 hrs x 2)

What You Will Learn

1. Fundamentals of React, including components, state, and props
2. Building reusable and modular UI components with React
3. Fetching data from a movie API (e.g., OMDB or TMDB)
4. Implementing search functionality and filtering movies based on user input
5. Integrating AI Code Generation Assistant to streamline development and boost productivity
6. Deploying your React movie search website to the web

Agenda

1. Introduction to React

- Understanding the React ecosystem
- Setting up a React development environment
- Creating a new React project

2. Building the Movie Search Interface

- Designing the UI with reusable components
- Implementing user input and search functionality
- Handling component state and props

3. Enhancing with a Code Assistant

4. Fetching Movie Data from an API

5. Styling and Polishing the Website

- Applying CSS styles to React components
- Implementing responsive design for various screen sizes

6. Deploying the Movie Search Website

- Building the production-ready bundle
- Deploying the website to the web