MoneyExpense-Tracker Svelte Themes

Moneyexpense Tracker

A simple and responsive expense tracker application built with Svelte and Appwrite. This app allows users to register, log in, and manage their expenses efficiently.

Here’s an updated README example for your Money Expense Tracker project:


πŸ’° Money Expense Tracker

A simple and responsive expense tracker application built with Svelte and Appwrite. This app allows users to register, log in, and manage their expenses efficiently.

πŸš€ Live Demo

πŸ”— Visit Expense Tracker

πŸ› οΈ Features

  • πŸ” User Authentication: Register and log in securely.
  • βž• Expense Management: Add, delete, and manage expenses with ease.
  • πŸ“± Responsive Design: Works seamlessly on all devices.
  • πŸ—ƒοΈ Backend with Appwrite: Handles user data and expenses efficiently.
  • πŸ’‘ Simple UI: Clean and intuitive interface.

🧰 Tech Stack

  • Frontend: Svelte, CSS
  • Backend: Appwrite
  • Deployment: Netlify or Vercel

πŸ§‘β€πŸ’» How to Use

Prerequisites

  • Node.js installed on your machine.
  • An Appwrite instance set up (either self-hosted or on Appwrite Cloud).

Steps to Run Locally

  1. Clone the repository:

    git clone https://github.com/your-username/money-expense-tracker.git
    cd money-expense-tracker
    
  2. Install dependencies:

    npm install
    
  3. Set up environment variables:

    • Create a .env file in the root directory.

    • Add your Appwrite endpoint and project details:

      PUBLIC_APPWRITE_ENDPOINT=https://<YOUR_APPWRITE_ENDPOINT>
      PUBLIC_APPWRITE_PROJECT_ID=<YOUR_APPWRITE_PROJECT_ID>
      
  4. Run the development server:

    npm run dev
    
  5. Open http://localhost:5173 in your browser.

Test Account

Use the following credentials for testing:

πŸ“ Project Structure

Money-Expense-Tracker/
β”‚
β”œβ”€β”€ public/             # Static assets
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/     # Reusable components
β”‚   β”œβ”€β”€ pages/          # App pages (e.g., login, dashboard)
β”‚   β”œβ”€β”€ App.svelte      # Main app component
β”‚   └── main.js         # Entry point
└── README.md           # Project overview

πŸ“Œ Future Enhancements

  • Add expense categories.
  • Implement data visualization for expenses.
  • Enable export/import of expense data.
  • Introduce recurring expense tracking.

πŸ™‹β€β™‚οΈ Author

Chirag Bhoi πŸ“ Udaipur, Rajasthan πŸ“§ [email protected] πŸ”— LinkedIn πŸ”— GitHub

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes