TravelTally

TravelTally

TravelTally - A budgeting and expense management tool for Travel Expenses.

TravelTally is a travel budget planner that allows users to efficiently manage their finances by tracking expenses related to their trips, including airfare, lodging, and activities. Users can monitor their budgets, view how much money they have spent compared to their allocated budget, and receive assistance from a built-in Copilot assistant. The application features a clean, responsive UI built with TailwindCSS, while leveraging React and Redux for robust state management, along with CopilotKit and Shadcn-UI for enhanced functionality and styling.

Name of Issue/Topic

24 - Travel Budget Planner (Hacktoberfest Demo)

Technologies Being Used

• React: JavaScript library for building user interfaces
• Redux: State management library for JavaScript apps
• TailwindCSS: Utility-first CSS framework
• CircularProgressbar: For visualizing budget and expense data
• Vite: Fast and modern build tool that enhances development with native ES modules and instant hot module replacement.
• JavaScript: Primary programming language for development
• Shadcn-UI: UI component library built with accessibility and customization in mind, styled with TailwindCSS.
• CopilotKit: Ai CopilotBot

App Link

• TravelTally Live Demo
• Repo

Bonus Points

Link to any bonus activities you did such as solving GitHub Issues or posting to Twitter, Dev.to, Medium, etc. Dev.to[https://dev.to/avradeep_nayak_fa8d5f6995] -> https://dev.to/avradeep_nayak_fa8d5f6995/traveltally-58hc

Screenshots

Home Page to Set your travel budget

Before setting expenses

To add expenses for the new trip from the bottom + botton

To see the expenses and track the budget

Copilot implementation

Who Are You?

• Avradeep
• Avradeep on Linkedin