Frontend Development for Cancer Research Project

Objective:

Develop a frontend application that fetches data from a backend API containing statistics on the number of people affected by various types of cancer by country.

Lesson Outline:

1. Introduction

• Brief overview of the project.
• Importance of visualizing cancer data for research.

2. Setting up the Development Environment

• Installing necessary tools and libraries.
• Setting up a local development server.

3. Designing the Frontend

• Sketching a basic layout of the application.
• Deciding on the UI/UX elements (charts, tables, filters, etc.).

4. Fetching Data from the Java API∂

• Making GET requests to fetch data.
• Handling API responses and errors.

5. Displaying the Data

• Parsing the fetched data.
• Using Java libraries to visualize the data (charts, graphs, etc.).
• Implementing filters to view data by country or cancer type.

6. Styling the Application

• Applying CSS for a responsive design.
• Enhancing user experience with animations and transitions.

7. Testing and Debugging

• Testing the application on different browsers.
• Debugging common issues.
• Ensuring data accuracy.

8. Conclusion and Next Steps

• Reviewing the developed application.
• Discussing potential improvements and features.
• Deploying the application to a live server.

Resources:

• Java API Documentation
• Fetch API Documentation
• Java Libraries for Data Visualization