Omise Tamboon React Challenge

Welcome to Omise Tamboon React Challenge! This project is a charity donation application, and the goal is to complete the given tasks and make the application functional and well-designed.

Tasks Completed

• Display Donation Amounts: Implemented the display of all donation amounts on the UI.
• Display Thank You Message: A message is displayed when a donation is successfully made.
• Make Donation Feature: Implemented the donation feature, ensuring it works correctly.
• Persist Donations: Donations are persisted in the database (db.json) even when users close and revisit the application.
• Refactor Code: Refactored the code for improved readability and reusability.
• Styling with CSS: Used CSS for styling, and improved the design for better UI/UX.
• Responsive Design: Ensured the application displays well on various screen sizes.

Getting Started

To run this application locally, follow these steps:

1. Clone this repository.
2. Install dependencies using npm install.
3. Start the application with npm start.
4. Open your browser and navigate to http://localhost:3000.

Usage

• Browse through the list of charities.
• Click on the "Donate" button to make a donation.
• Select the amount and confirm the payment.

Additional Improvements

• Reorganized the codebase for better maintainability.
• Created new modules, methods, and components to enhance the structure.
• Added isomorphic-fetch for handling HTTP requests.

Constraints

• The existing behaviors were not changed.
• The API server, language (JavaScript/TypeScript), and core functionalities remained unchanged.