Coinly - Personal Finance Tracker

Coinly is a modern, user-friendly personal finance tracking application that helps you manage your income and expenses with ease. Built with React and Supabase, it offers a beautiful interface and powerful features to keep your finances organized.

📸 Screenshots

Authentication

Main Features

Transaction Management

Calendar & Profile

🌟 Features

• Dashboard Overview: Get a quick snapshot of your financial status
• Transaction Management: Add, edit, and delete income and expense transactions
• Calendar View: Visualize your daily income and expenses in a calendar format
• Insights: Analyze your spending patterns and financial trends
• User Authentication: Secure login and signup system
• Responsive Design: Works seamlessly on desktop and mobile devices
• Dark Mode: Beautiful dark theme for comfortable viewing

🚀 Tech Stack

• Frontend: React.js with Vite
• Styling: Tailwind CSS
• Authentication: Supabase Auth
• Database: Supabase
• Date Handling: date-fns
• Icons: Heroicons

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/yourusername/coinly-vite.git
   cd coinly-vite

2. Install dependencies:

   npm install

3. Create a .env file in the root directory and add your Supabase credentials:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

4. Start the development server:

   npm run dev

📱 Pages

• Login/Signup: User authentication
• Dashboard: Overview of finances
• Add Transaction: Add new income or expense
• Edit Transaction: Modify existing transactions
• Calendar View: Daily transaction calendar
• Insights: Financial analytics
• Profile: User profile management
• Support: Support the development

🎨 Features in Detail

Dashboard

• Total balance overview
• Recent transactions
• Income and expense summaries
• Quick action buttons

Calendar View

• Monthly calendar layout
• Daily income and expense display
• Color-coded transactions
• Easy navigation between months

Transaction Management

• Add new transactions
• Edit existing transactions
• Delete transactions
• Categorize transactions

Insights

• Spending patterns
• Income analysis
• Monthly comparisons
• Visual charts and graphs

🔒 Security

• Secure authentication with Supabase
• Protected routes
• Secure data storage
• Environment variable protection

🎯 Future Enhancements

• Budget planning feature
• Export data functionality
• Multiple currency support
• Custom categories
• Recurring transactions
• Mobile app version

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

👨‍💻 Author

• Utpal Prajapati
  • Portfolio: utpal.netlify.app
  • GitHub: @utpal29

---

Made with ❤️ by Utpal Prajapati