FinTracker

This is FinTracker

FinTracker is a web application designed to help users track their finances and budget.

The web app uses a MERN stack; PostgreSQL for a relational database, Express.js a framework for Node.js, React.js to handle the user interface’s rendering.

I was the website frontend developer for this project and created the design of the website. This being my first time as a frontend development role for a team it was a new experience in drafting, designing, and presenting website interfaces.

Technical Stack Overview:

• MongoBD - Database
• Heroku - App Deployment
• Expo - Mobile Deployment
• Postman - API testing
• SwaggerHub - API Endpoint testing
• MainTrap - Email Verification
• Discord - Team Communication

Feature Overview:

• Email Verification
• Password Hashing
• JSON Web Token (JWT)
• CRUD Actions

Diagram & Planning:

• Frontend prototyping - Figma
• API documentation - SwaggerHub
• Diagrams - Draw.io
• Goal Planning - TeamGantt

Figma Planning Designs