Skip to content

RayLikesAnime/expenser

Repository files navigation

💰 Expenser - Frontend

Welcome to the Expenser frontend repository. This project is a fully responsive expense tracker website built with React to help efficiently manage expenses.

✨ Features

  • Responsive Design: Ensures a seamless user experience on both desktop and mobile devices.
  • Transaction Management: Allows users to upload, update, delete, and cleanly represent transactions using Chart.js.
  • GraphQL API Integration: Uses Apollo Client for efficient data management and communication with the backend.
  • User Authentication: Secure authentication using Passport.js and MongoDB session store.

🛠 Technologies Used

  • ⚛️ React
  • ⚡ Vite
  • 🎨 Tailwind CSS
  • 📜 JavaScript
  • 📊 Chart.js
  • 🚀 Apollo Client

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js (version 14.x or later)
  • npm (version 6.x or later)

Installation

  1. Clone the repository

    git clone https://github.com/RayLikesAnime/expenser.git
    cd expenser
    
  2. Install dependencies

    npm install
  3. Run the development server

    npm run dev
  4. Open http://localhost:3000 to view it in the browser.

🌐 Live Demo

Check out the live demo of the project https://expenser-prad.onrender.com/.

🤝 Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or new features.

📜 License

This project is licensed under the MIT License.

About

This project is a fully responsive expense tracker website built with React to help efficiently manage expenses.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages