{"id":19574145,"url":"https://github.com/0mppula/money-mapper","last_synced_at":"2025-04-27T05:33:46.909Z","repository":{"id":186308755,"uuid":"674975312","full_name":"0mppula/money-mapper","owner":"0mppula","description":"A Next.js 13 fullstack finance tracker for organizing personal finances. Covers income, taxes, assets, debt, and net worth management. Utilizes next-auth for user authentication and stores user data in a MongoDB database with prisma ORM.","archived":false,"fork":false,"pushed_at":"2024-07-29T05:11:03.000Z","size":732,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-07-29T06:40:43.469Z","etag":null,"topics":["axios","data-visualization","date-fns","finance-application","finance-tracker","lucide-react","money-manager","mongodb","next-auth","next-themes","nextjs13","prisma","react-hook-form","reactjs","recharts","shadcn-ui","tailwindcss","typescript","zod","zustand"],"latest_commit_sha":null,"homepage":"https://moneymapper.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0mppula.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-05T11:03:33.000Z","updated_at":"2024-07-29T05:11:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"47fb19a8-10d9-4e7d-9714-ad1b2e4ace2c","html_url":"https://github.com/0mppula/money-mapper","commit_stats":null,"previous_names":["0mppula/money-mapper"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2Fmoney-mapper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2Fmoney-mapper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2Fmoney-mapper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2Fmoney-mapper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0mppula","download_url":"https://codeload.github.com/0mppula/money-mapper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224062332,"owners_count":17249274,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","data-visualization","date-fns","finance-application","finance-tracker","lucide-react","money-manager","mongodb","next-auth","next-themes","nextjs13","prisma","react-hook-form","reactjs","recharts","shadcn-ui","tailwindcss","typescript","zod","zustand"],"created_at":"2024-11-11T06:38:38.468Z","updated_at":"2024-11-11T06:38:39.407Z","avatar_url":"https://github.com/0mppula.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Money Mapper\n\n## What is Money Mapper?\n\n[Money Mapper][Money Mapper] is a Next.js 13 fullstack finance tracker for organizing personal finances. Covers income, taxes, assets, debt, and net worth management. Utilizes next-auth for user authentication and stores user data in a MongoDB database with prisma ORM. The app uses shadcn-ui with tailwind css, providing a visually appealing and responsive user interface. Global client state is managed with zustand, ensuring efficient and streamlined data management across the app. Emphasizing user experience, the app offers both dark and light modes to suit individual preferences. To enhance data visualization, financial information is presented through interactive charts and comprehensive tables, allowing users to gain valuable insights at a glance.\n\n---\n\n## The Dashboard page\n\n![Money Mapper dashboad page](/public/images/dashboard.png)\n\n## The Money page\n\n![Money Mapper money page](/public/images/money.png)\n\n## The Login page\n\n![Money Mapper login page](/public/images/login.png)\n\n---\n\n## How to Set Up the Project Locally\n\n### Prerequisites\n\n**Node version 14.x**\n\n### Cloning the repository\n\n```shell\ngit clone https://github.com/0mppula/money-mapper.git\n```\n\n### Install packages\n\n```shell\nnpm i\n```\n\n### `.env` File Configuration\n\nIn the root of the project create an `.env` file and declare the following variables:\n\n```js\nDATABASE_URL=\nNEXTAUTH_SECRET=\nGOOGLE_CLIENT_ID=\nGOOGLE_CLIENT_SECRET=\nGITHUB_CLIENT_ID=\nGITHUB_CLIENT_SECRET=\n```\n\nPopulate the variables with the corresponding data.\n\n### Setup Prisma\n\n```shell\nnpx prisma db push\n```\n\n### Start the app\n\n```shell\nnpm run dev\n```\n\n## Available commands\n\nRunning commands with npm `npm run [command]`\n\n| command | description                              |\n| :------ | :--------------------------------------- |\n| `dev`   | Starts a development instance of the app |\n\n---\n\n## Tech Stack\n\n### Framework\n\n-   **Front-end Framework:** Next.js (v13.4.12)\n\n### UI\n\n-   **UI Library:** shadcn-ui\n-   **UI Styling:** tailwindcss (v3.3.3) with tailwindcss-animate (v1.0.6)\n-   **Theming:** next-themes (v0.2.1)\n-   **Data Visualization:** recharts (v2.7.2)\n-   **Icons:** @radix-ui/react-icons (v1.3.0), react-icons (v4.10.1) \u0026 lucide-react (v0.263.1)\n-   **Date Picker:** react-day-picker (v8.8.0)\n-   **Date Manipulation:** date-fns (v2.30.0)\n-   **CSS Utility:** clsx (v2.0.0)\n-   **Class Variance Management:** class-variance-authority (v0.7.0)\n\n### State Managment\n\n-   **Global State Management:** zustand (v4.4.0)\n-   **Data Fetching and Management:** @tanstack/react-query (v4.32.6) and @tanstack/react-table (v8.9.3)\n-   **Form Handling:** react-hook-form (v7.45.2) with @hookform/resolvers (v3.1.1)\n-   **State Validation:** zod (v3.21.4)\n\n### Backend \u0026 Authentication\n\n-   **Prisma ORM:** @prisma/client (v5.1.0) with prisma (v5.1.0) as a dev dependency\n-   **User Authentication:** next-auth (v4.22.3)\n-   **API Requests:** axios (v1.4.0)\n-   **TypeScript:** (v5.1.6)\n-   **Type Definitions:** @types/node (v20.4.5), @types/react (v18.2.18), @types/react-dom (v18.2.7)\n\n[Money Mapper]: https://moneymapper.vercel.app/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0mppula%2Fmoney-mapper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0mppula%2Fmoney-mapper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0mppula%2Fmoney-mapper/lists"}