Wallet-X.Demo._.Backyard.Hacks.2.0.mp4
You can Install and test Wallet-X webapp from below 👇
- Frontend
- CSS: Style sheet language used for describing the presentation of a document written in a markup language such as HTML
- Vanilla JS: Refers to the pure JavaScript (or we can say plain JavaScript) without any type of additional library
- Bootstrap: Free and open-source CSS framework directed at responsive, mobile-first front-end web development
- Backend
- Node.js: Open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine
- Express.js: Minimal and flexible Node.js webapp framework that provides a robust set of features for web and mobile applications.
- EJS Templates: Simple templating language that lets you generate HTML markup with plain JavaScript.
- Libraries
- Chart.js: Simple, clean and engaging HTML5 based JavaScript charts.
- JSPdf: A library to generate PDFs in JavaScript.
- Mongoose ODM: Mongoose provides a straight-forward, schema-based solution to model our application data.
- Passport + Google OAuth2.0: Authentication middleware for Node.js.
- Database
- MongoDB Atlas: Source-available cross-platform document-oriented database program.
- Support for NodeJS Authentication Strategy using Google Oauth2.0
- Support for basic expenditure and income tracking
- Dedicated support for expense deletion (DELETE operation) from MongoDB Atlas
- Dedicated tabular representation for daily transactions using Bootstrap
- Graphical representation of transaction trend with categorical analysis in Chart.js
- Fully responsive web application user interface.
- Integrated location-based expense tracking trend on a digitaly rendered map
- Added pdf-based report generation functionality in JS
- Integrated file-based receipt upload functionality with database logging
- Support for categorical analysis in Chart.js
- Added location-based expense logging and real-time map rendering using Google Maps API
- Added date filtering on expenses table
1. Fork and clone this repository using
git clone https://github.com/sandip2224/Wallet-X.git
cd Wallet-X/
2. Install required dependencies and dev dependency using
npm install
npm install -D nodemon
3. Create a config.env file inside the /config
directory and add the following
MONGO_URI=<Your_Unique_MongoDB_Cluster_URI>
GOOGLE_CLIENT_ID=<Your_Unique_Google_Client_ID>
GOOGLE_CLIENT_SECRET=<Your_Unique_Google_Client_Secret>
API_KEY=<Your_Google_Cloud_Console_Api_Key>
4. Start the server locally using
npm run dev
or in production mode using
npm run start
Have any questions, doubts or want to present your opinions, views? You're always welcome. You can start discussion.
If you need any help, you can connect with me.
Visit: sandip2224