https://github.com/chingu-voyages/v42-geckos-team-17

Okane is an expense tracker app that easily captures all your money flow. | Voyage-42 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs
https://github.com/chingu-voyages/v42-geckos-team-17

chartjs chingu leaflet react reactrouter redux redux-toolkit styled-components tailwindcss twinmacro vite

Last synced: 1 day ago
JSON representation

Okane is an expense tracker app that easily captures all your money flow. | Voyage-42 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs

• Host: GitHub
• URL: https://github.com/chingu-voyages/v42-geckos-team-17
• Owner: chingu-voyages
• Created: 2023-01-01T16:05:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-20T14:22:41.000Z (over 1 year ago)
• Last Synced: 2024-04-13T23:25:51.180Z (7 months ago)
• Topics: chartjs, chingu, leaflet, react, reactrouter, redux, redux-toolkit, styled-components, tailwindcss, twinmacro, vite
• Language: JavaScript
• Homepage: https://okaneapp.netlify.app
• Size: 3.24 MB
• Stars: 7
• Watchers: 6
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Okane



  


    

      Live

    

     | 

    

      Repository

    

  





   Okane is an easy expense and income tracker, which gives accurate graph representation of user's income/expenses/transactions.  This project consists of a website describing an app, and the app which enables users to track expenses/income/transactions and see their transactions visualization to plan their budget and secure their income.








## 😀 User Can

- [x] use the website to get all the available info about the app

- [x] contact okane team

- [x] see okane offices on the map

- [x] sign up/sign in/sign out

- [x] see the dashboard with the information about their income/expenses/transactions 

- [x] see graphs describing 'last 30 days' icome and expenses

- [x] see a list of transactions

- [x] add new transaction manually

- [x] see profile page

## 🤝 Our team

### Developers:

- [Eugenia](https://github.com/JaneMoroz)

- [Mohit Ramani](https://github.com/mbramani)

- [Ashwin Sam George](https://github.com/AshwinC8)

- [Gerwyn1](https://github.com/Gerwyn1)

### Mentor:

- Notcori

## 🚀 Technologies used



- [x] [Leaflet](https://leafletjs.com)

- [x] [Twin.macro](https://github.com/ben-rogerson/twin.macro)

- [x] [unDraw](https://undraw.co)

- [x] [Unsplash](https://unsplash.com/s/photos/unspalsh)

- [x] Responsive Design

- [x] Local Storage

## 📚 Project Structure

Inside of the project, you'll see the following folders and files:

```

/

 client/

 └──├── public/

    ├── src/

    │   ├── assets/

    │   │   └── data/

    │   │   └── icons/

    │   │   └── images/

    │   │   └── ...

    │   ├── components/

    │   ├── features/

    │   │   └── account/

    │   │   └── expense/

    │   │   └── income/

    │   │   └── ...

    │   └── pages/

    │   │   └── Dashboard/

    │   │   └── About.jsx

    │   │   └── ...

    │   └── styles/

    │   └── utils/

    └── package.json

```

## 🧞 Instructions

To run the client:

```

open new terminal

cd client

npm install (first time only)

npm run dev

```

🎉




## 💻 Preview