India Mutual Fund
A simple web app to view the historical NAV of Indian Mutual Funds. You can search for a fund by name and view its historical NAV in a chart and also see the percentage change in the NAV over time. Site built with React, Material UI and D3. Data source: https://mfapi.in
Overview:
Navigating the world of Indian mutual funds can be daunting, but a new web app has made this task much simpler. This user-friendly application allows you to view the historical NAV (Net Asset Value) of various mutual funds, catering specifically to the needs of investors looking for in-depth data at their fingertips. With features that enhance chart visualization, users can effortlessly track the performance of their funds over time.
The app’s intuitive design allows you to search for specific fund houses—like Axis, HDFC, SBI, or ICICI—and display their historical data in a visually appealing manner. Whether you want an overview of the NAV trajectory of a fund or seek to dive deeper into a selected date range, this tool is equipped to provide valuable insights.
Features:
- Search Autocomplete: Easily find mutual fund names with a handy autocomplete feature in the search bar, making navigation quick and efficient.
- Historical NAV Chart: Visualize the historical NAV with a sophisticated chart that includes tooltips to display precise data points.
- Date Range Selector: Zoom in on specific time periods to analyze performance trends, enhancing your understanding of the fund's history.
- Color-Coded Chart: Quickly identify positive or negative NAV changes at a glance through intuitive color coding.
- Downloadable CSV Data: Access full-scale historical NAV data by downloading it in a convenient CSV format for further analysis.
- Built with Modern Technologies: The app utilizes React, D3, and Material UI for a seamless user experience and advanced data visualization.
This web app is not only informative but also designed to empower investors with the right tools to make informed decisions regarding their mutual fund investments.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.