The FIRE (Financial Independence, Retire Early) Calculator Frontend is an interactive tool designed to help users plan for financial independence and early retirement. This React application utilizes advanced front-end technologies and methodologies to deliver a responsive and visually appealing experience, showcasing dynamic data visualization and user interaction.
- Interactive Financial Simulation: Users can adjust their financial metrics such as age, annual income, and expenses to see their financial independence timeline dynamically adjust.
- Customizable User Inputs: Leverages React's state management to handle user inputs seamlessly, offering a real-time, responsive input feedback system.
- Responsive Charts and Graphs: Integrates Chart.js for graphical representation of financial outcomes, enhancing the analytical experience by depicting potential retirement years and savings growth.
- Responsive Design: Ensures a seamless experience across various devices and screen sizes.
- Error Handling: Implements robust form validations ensuring that all user inputs are correct before processing, enhancing user experience and data integrity.
- React.js: For building a high-performant UI.
- Bootstrap: For responsive design.
- Chart.js: For dynamic data visualization.
- Axios: For HTTP requests to interact with the backend.
git clone git@github.com:oliviayixincai/fire-client.git
cd fire-client
npm install
npm start