MERN project to personalize financial snapshot using Auth0 and Plaid. This SPA (Single Page Application) uses [react-router-dom
]to navigate, hide and show your React components without changing the route within Express.
When using our Plaid Sandbox environment, use user_good
as the username and pass_good
for the password.
This project uses the following technologies:
- Auth0 user/api authentication and authorization
- React and React Router for the frontend
- Express and Node for the backend
- MongoDB for the database
- Plaid for bank account linkage and transaction data
- Socket for user action alerts
- material-table for bank transaction display and search
REACT_APP_AUTH0_DOMAIN=XXX
REACT_APP_AUTH0_CLIENT_ID=XXX
REACT_APP_AUTH0_CALLBACK_URL=http://localhost:3000/callback
REACT_APP_RETURN_TO_URL=http://localhost:3000
REACT_APP_AUTH0_AUDIENCE=http://localhost:3001
REACT_APP_API_URL=http://localhost:3001
REACT_APP_PLAID_CLIENT_NAME=FIN-SNAP-APP
REACT_APP_PLAID_CLIENT_ID=XXX
REACT_APP_PLAID_SECRET=XXX
REACT_APP_PLAID_PUBLIC_KEY=XXX
REACT_APP_PLAID_PRODUCTS=transactions
REACT_APP_PLAID_COUNTRY_CODES=US,CA,GB,FR,ES
REACT_APP_PLAID_ENV=sandbox
MONGODB_URI=mongodb://localhost:27017/Fin-Snap
- deployed: https://fin-snap.herokuapp.com/