https://github.com/mushlih-almubarak/investment-planner
Craft your premium investment portfolio with elegance. Define your salary, allocate across diverse assets, and visualize your financial future.
https://github.com/mushlih-almubarak/investment-planner
ai ai-project ai-website ai-website-creation hacktoberfest hacktoberfest2025 hostinger-project investment investment-portfolio jsx react react-project tailwind tailwind-css vercel
Last synced: 3 months ago
JSON representation
Craft your premium investment portfolio with elegance. Define your salary, allocate across diverse assets, and visualize your financial future.
- Host: GitHub
- URL: https://github.com/mushlih-almubarak/investment-planner
- Owner: mushlih-almubarak
- License: mit
- Created: 2025-08-27T13:30:05.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-08-27T21:30:28.000Z (3 months ago)
- Last Synced: 2025-08-27T23:29:33.860Z (3 months ago)
- Topics: ai, ai-project, ai-website, ai-website-creation, hacktoberfest, hacktoberfest2025, hostinger-project, investment, investment-portfolio, jsx, react, react-project, tailwind, tailwind-css, vercel
- Language: JavaScript
- Homepage: https://investment-planner-portfolio.vercel.app
- Size: 427 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# 💎 Investment Planner
Craft your premium investment portfolio with elegance.
Define your salary, allocate across diverse assets, and visualize your financial future.
🔗 **Live Demo:** [https://investment-planner-portfolio.vercel.app](https://investment-planner-portfolio.vercel.app/)
📂 **Source Code:** [GitHub Repo](https://github.com/mushlih-almubarak/investment-planner)
---
## 🚀 Features
- **Salary Input**
Enter your monthly net salary and choose your preferred currency.
- **Investment Allocation**
Distribute your investment across multiple asset classes:
- 📈 Stocks
- 🥇 Gold
- 📊 ETFs
- 🏢 REITs
- 💵 Government Bonds
- 🏦 Time Deposits
- ₿ Cryptocurrency
- 🛢 Commodities
- **Investment Breakdown**
Get a clear breakdown of your allocations and visualize your monthly investment.
- **Modern UI/UX**
Sleek dark theme with elegant animations.
## 🛠️ Tech Stack
- **Frontend:** React + JSX
- **Styling:** Tailwind CSS
- **Animations:** Framer Motion
## 📦 Installation & Setup
Clone the repository:
```
git clone https://github.com/mushlih-almubarak/investment-planner.git
cd investment-planner
```
Install dependencies:
```
npm install
```
Run the development server:
```
npm run dev
```
Open http://localhost:5173 in your browser.
## 🤝 Contributing
Pull requests are welcome!
For major changes, please open an [issue](https://github.com/mushlih-almubarak/investment-planner/issues) first to discuss what you would like to change.
## 📜 License
This project is licensed under the **MIT License.**
See the [LICENSE file](https://github.com/mushlih-almubarak/investment-planner/blob/main/LICENSE) for details.
_Built with ❤️ by [Mushlih Almubarak](https://github.com/mushlih-almubarak) from Indonesia._