Fuel Price Dashboard

This project is a React.js application built with TypeScript and Vite. It fetches data from the Malaysian government's API to display fuel price information in a graphical format.

Features

• Fetches fuel price data from the Malaysian government API.
• Displays the data in an Area Chart Graph, showing trends over time for RON95, RON97, and diesel.
• Built with React.js for the frontend.
• Utilizes TypeScript for static typing and enhanced developer experience.
• Bundled with Vite for fast development and optimized production builds.

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/MuhammadZulhusni/Malaysia-Fuel-Tracker.git

2. Navigate to the project directory:

   cd Malaysia-Fuel-Tracker

3. Install dependencies:

   npm install

    yarn install

Usage

1. Start the development server:

   npm run dev

2. Open your browser and navigate to http://localhost:3000 to view the application.

API Information

This project fetches data from the Malaysian government's data API. Here's the API endpoint:

• Endpoint: https://api.data.gov.my/data-catalogue?id=fuelprice
• Data available: Fuel price information for RON95, RON97, and diesel.

Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature (git checkout -b feature/YourFeatureName).
3. Make your changes.
4. Commit your changes (git commit -am 'Add some feature').
5. Push to the branch (git push origin feature/YourFeatureName).
6. Create a new Pull Request.