Skip to main content Start main content

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

Workshop/ Training/ Webinar

  • Date

    24 - 31 Oct 2025

  • Organiser

    ITS

  • Time

    14:30 - 16:30

  • Venue

    M403 / Online  

Summary

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

 

Your browser is not the latest version. If you continue to browse our website, Some pages may not function properly.

You are recommended to upgrade to a newer version or switch to a different browser. A list of the web browsers that we support can be found here