Real-Time Flight Status Board

1. Project Overview

This project is a Real-Time Flight Status Board built with React and TypeScript. It fetches flight details from an API and updates them in real time.

2. Code Quality & Best Practices

• Use TypeScript for type safety.
• Follow the React functional component structure and use hooks.
• Write modular code for easier maintenance. -Use Bootstrap for best UI practice.

3. Project Setup & Execution

Install All the Dependencies

In your project directory, run:

npm install

4 Start the Server

npm start

The app will run at http://localhost:3000/.

5 Run Tests

npm test

6 Testing

• Frameworks: Jest, React Testing Library
• Ensure core features, like API calls and UI updates are tested.

7 Error Handling

• Show an error message if API request fails.
• Show a spinner while fetching data.
• Handle cases when no flight data is available.

8 Deployment Instructions

npm run build

Author: Ranjith G C

Email: [email protected]