Build a Mobile App for Weather Broadcast with AI Code Generation Assistant

Date: 24 Oct 2025 (Fri) & 31 Oct 2025 (Fri)

Time: 14:30 - 16:30

Venue: M403 / Online

Target Audience: All current students

Medium of Instruction: English

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

Objective:

To design and develop a mobile weather app using React Native, APIs, and modern mobile development techniques.

What You Will Learn:

1. Understand React Native and its role in mobile development.
2. Understand APIs and how they work, including API endpoints, requests, and responses.
3. Learn how to parse JSON data and handle errors and exceptions.
4. Build a weather app using React Native, JavaScript and JSX.
5. Understand the basic operation of GitLab

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
   - Introduction to code assistant tools (e.g., GitHub Copilot, Continue)
   - Integrating the code assistant into your development workflow
   - Leveraging the assistant for code suggestions and improvements
4. Fetching Movie Data from an API
   - Exploring popular movie APIs (OMDB, TMDB, etc.)
   - Making API requests using React lifecycle methods
   - Rendering movie data in the UI
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