Application Features:

Display a single page with the following elements:

1. A list of campaigns showing:

• Name
• Start Date
• End Date
• Active status (based on whether the current date falls within the start and end date range)
• Budget (in USD)

2. A search form above the list to filter campaigns by name.
3. A date range component for filtering campaigns by start and end dates.

Ensure that:

• Campaigns with start dates within the selected date range are displayed.
• Campaigns with end dates within the selected date range are displayed.
• End dates cannot be selected before start dates.
• Campaigns with end dates before start dates are not displayed.

Design Guidelines:

• Use your creativity for the UI design.
• Display the campaign list in a table format.
• Use a green color palette for active campaigns and a red color palette for inactive campaigns.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Campaigns App URL: https://campaigns-react-typescript-app.vercel.app/