https://github.com/srijaadhya12/expense-trackerql

A web app based on MERN and GraphQL to keep track on daily expense, investment and saving. Features a seamless, engaging user interface utilizing React Chart.js for dynamic visualizations and chat-like interactions.
https://github.com/srijaadhya12/expense-trackerql

apollo-client apollo-server expressjs graphql javascript jwt jwt-authentication mongodb nodejs react-charts reactjs

Last synced: about 1 month ago
JSON representation

A web app based on MERN and GraphQL to keep track on daily expense, investment and saving. Features a seamless, engaging user interface utilizing React Chart.js for dynamic visualizations and chat-like interactions.

• Host: GitHub
• URL: https://github.com/srijaadhya12/expense-trackerql
• Owner: SrijaAdhya12
• License: mit
• Created: 2024-07-26T16:30:45.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-02-25T04:33:02.000Z (about 1 month ago)
• Last Synced: 2025-02-25T05:19:00.001Z (about 1 month ago)
• Topics: apollo-client, apollo-server, expressjs, graphql, javascript, jwt, jwt-authentication, mongodb, nodejs, react-charts, reactjs
• Language: JavaScript
• Homepage: https://expense-tracker-ql.vercel.app
• Size: 1.84 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
    updated on: 25th February 2025, Tuesday



    

        

    

    
 A web app based on MERN and GraphQL to keep track on daily expense, investment and saving 

    

        

    



# [Expense-TrackerQL](https://github.com/SrijaAdhya12/expense-trackerQL)

![line]

## Table of Contents

-   [Introduction](#introduction)

-   [Developement](#developement)

-   [Tech Stack Used](#tech-stack-used)

-   [Preview](#preview)

-   [Best Contributors](#best-contributors)

-   [License](#license)

![line]

## Introduction

-   A web app based on MERN and GraphQL to keep track on daily expense, investment and saving.

-   It gives a clear graphical overview on this factors.

-   Provides seemless and interactive UI.

![line]

## Developement

1. Download NodeJS >18.0.1

2. Run the following commands for running client (frontEnd)

3. set up `.env` with the help of `.env.example` file in both client and server

```sh

$> cd client

$> npm i       # install all packages

$> npm run dev # run the frontend

```

3. Run the following commands for running server (backEnd)

```sh

$> cd server

$> npm i       # install all packages

$> npm start   # run the backEnd

```

![line]

## Tech Stack Used

-   React js

-   Java Script

-   Node js

-   Mongo db

-   Express js

-   GraphQL

-   Apollo GraphQl

-   Vercel

-   Render

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=blue) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![Node JS](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white) ![Express](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge) ![GraphQL](https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white) ![Apollo-GraphQL](https://img.shields.io/badge/-ApolloGraphQL-311C87?style=for-the-badge&logo=apollo-graphql) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white) ![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white) ![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white) ![Render](https://img.shields.io/badge/Render-000000?style=for-the-badge&logo=render&logoColor=white)

![line]

## Preview

![Expense-trackerQL](https://github.com/user-attachments/assets/dcb91022-9092-4972-8cc7-436ddbd17960)

![line]

## Best Contributors



    

        

    



![line]

## License

-   See [LICENSE]

**Srija, 2024**

![line]

## Thank you, everyone 💚

[markdown badges]: https://github.com/Ileriayo/markdown-badges

[line]: https://user-images.githubusercontent.com/75939390/137615281-3a875960-92cc-407f-97fe-fd2319bdb252.png

[License]: https://github.com/SrijaAdhya12/expense-trackerQL/blob/main/LICENSE