Welcome to the TippsySake Budgeting Application development challenge! In this challenge, you will be tasked with building a full-stack budgeting application using NextJS and Typescript. The application should fulfill specific requirements outlined below, and you will have one week to complete the challenge.

• Build a budgeting application using NextJS and Typescript.
• Utilize any tools/libraries for implementation, but ensure the application is written in NextJS.
• The application must include features such as charge input form, category creation form, spending chart, charge and category tables with pagination and sorting, and CRUD operations for charges and categories.
• Data persistence is required through some form of API or database integration.

• Code quality, style, and architecture.
• UI/UX design considerations.
• Maintainability of the codebase.

To start the development server, follow these steps:

DB Used: Appwrite

Rename .env.sample to .env and populate with your API keys

pnpm install
pnpm run dev

Open http://localhost:3000 with your browser to see the result.

You can begin editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project utilizes next/font to automatically optimize and load Inter, a custom Google Font.

The total time taken from starting to completing the task was approximately 15 hours.

It only supports desktop and tablet and not recommended/supported in mobile view due to UX in handling charts and tables.

Deployed to: https://tippsy-app.vercel.app/