agsosa/ibudget

Web app to track income, expenses and analyze spending. Made for a JS challenge.

iBudget

Web app to track income, expenses and analyze spending with responsive design and a backend to provide authentication and persistence.

• Live demo: https://ibudgetapp.netlify.app

Example account

• user: test@test.com
• password: test

Frontend

Used frameworks/libs:

• React.js (hooks)
• Rematch (Redux)
• React Router
• Tailwind CSS
• styled-components, twin.macro, Framer Motion
• ant-design charts
• Treact

Tests/Documentation:

• wip

Backend

Used frameworks/libs:

• Node.js
• Express.js
• MySQL
• Passport (auth)
• bcrypt
• Joi (data validation)

Tests/Documentation:

• API documentation (Postman): https://documenter.getpostman.com/view/13863838/TzCV45Ku

Configuracion/Deployment

Frontend:

• Modify API_DEV_BASE_URL and API_PROD_BASE_URL in /src/lib/Config.js

Backend:

• Set the required environment variables:

DB_PORT = 3306
DB_USER = <user>
DB_PASS = <pass>
DB_DATABASE = ibudget
SESSION_SECRET = <session secret>
SESSION_NAME = <session name>

• Edit cors policy URL at src/lib/config.js
• Execute sql script at /backend/database.sql

Pending development

• XSRF protection (!) or JWT implementation
• API rate limit
• i18next translation files
• Add social auth and forgot password
• Unit tests & stress test
• Profiling
• Optimize bundle size
• More features

Screenshots

Alkemy