Ai_expense_tracker

Finan Smart

Advanced AI-Powered Financial Advisor built using Next.js, TypeScript, and Tailwind CSS.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🕸️ Assets & Code
6. 🚀 More

🤖 Introduction

Finan Smart is an AI-driven financial management tool designed to assist users with budget planning, expense tracking, and personalized financial advice. Leveraging the power of OpenAI's GPT-4, it analyzes user input to provide actionable insights for smarter financial decisions.

This project was built to demonstrate my expertise in modern front-end frameworks, backend integration, and AI implementation. It showcases:

• Proficiency in Next.js and TypeScript for scalable and maintainable applications.
• Advanced styling with Tailwind CSS for responsive and aesthetically pleasing design.
• Seamless integration of AI capabilities using OpenAI APIs.

📘 What I Learned

Working on Finan Smart allowed me to gain valuable insights and enhance my technical skills in the following areas:

• Next.js Framework: Leveraged server-side rendering and dynamic routing to build a robust and scalable application.
• TypeScript Integration: Improved code maintainability and reduced runtime errors by implementing strong typing.
• Tailwind CSS: Designed responsive and visually appealing layouts efficiently using utility-first CSS.
• API Integration: Successfully integrated OpenAI's API for personalized financial insights, showcasing expertise in handling third-party APIs.
• Machine Learning (ML) and Artificial Intelligence (AI): Gained practical experience in integrating AI-driven features, leveraging OpenAI's GPT-4 for providing meaningful financial insights.
• State Management: Managed application state seamlessly for a smooth user experience.
• Software Development Best Practices: Followed best practices for code organization, reusability, and scalability.

This project has been a valuable learning experience, enhancing both my front-end and back-end development skills.

⚙️ Tech Stack

• Next.js: Framework for server-side rendering and building web applications.
• TypeScript: Strongly typed programming for cleaner, scalable code.
• OpenAI API: AI-powered personalized financial advice.
• Tailwind CSS: Utility-first CSS framework for responsive design.

🔋 Features

• Income and Expense Input: Easily input your financial data.
• Budget Management: Track and manage budgets effectively.
• Personalized Financial Advice: AI-driven insights tailored to user data.
• Responsive Design: Optimized for all devices.
• Scalable Architecture: Built with modern development practices for future enhancements.

🤸 Quick Start

Prerequisites

Ensure you have the following installed:

• Git
• Node.js
• npm or yarn

Setup

1. Clone the repository:

   git clone https://github.com/Swyampatel/ai_expense_tracker.git
   cd finan-smart
   

2. Install dependencies:

   npm install
   # or
   yarn install
   

3. Configure environment variables:

   Create a .env file in the project root and add:

   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
   CLERK_SECRET_KEY=
   
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
   NEXT_PUBLIC_OPENAI_API_KEY=
   NEXT_PUBLIC_DATABASE_URL=
   

   Replace placeholders with your credentials.

4. Run the development server:

   npm run dev
   # or
   yarn dev
   

5. Open http://localhost:3000 to view the project.