Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ashraf-khabar/smartspender
Smart Spender is a web application designed to help users manage and organize their money in order to avoid financial issues. In addition to its budget tracking features, Smart Spender also includes a blog to provide financial management tips and tricks. Smart Spender is built using Node.js, React.js, Express.js, Monggose, and Mongodb Atlas.
https://github.com/ashraf-khabar/smartspender
express expressjs mongodb mongodb-atlas mongoose nodejs nodemon npm-package reactjs
Last synced: about 1 month ago
JSON representation
Smart Spender is a web application designed to help users manage and organize their money in order to avoid financial issues. In addition to its budget tracking features, Smart Spender also includes a blog to provide financial management tips and tricks. Smart Spender is built using Node.js, React.js, Express.js, Monggose, and Mongodb Atlas.
- Host: GitHub
- URL: https://github.com/ashraf-khabar/smartspender
- Owner: Ashraf-Khabar
- Created: 2023-03-25T02:35:53.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-14T23:04:43.000Z (over 1 year ago)
- Last Synced: 2024-11-19T16:58:00.517Z (about 1 month ago)
- Topics: express, expressjs, mongodb, mongodb-atlas, mongoose, nodejs, nodemon, npm-package, reactjs
- Language: JavaScript
- Homepage:
- Size: 8.06 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
TimeSpender Application
============================
Introduction
------------
Smart Spender is a web application designed to help users manage and organize their money in order to avoid financial issues. In addition to its budget tracking features, Smart Spender also includes a blog to provide financial management tips and tricks.
Smart Spender is built using Node.js, React.js, Express.js, Monggose, and Mongodb Atlas. These technologies provide a robust and scalable foundation for the app, allowing for efficient data processing and storage. The app is designed to be user-friendly, with a clean and intuitive interface that makes it easy for users to track their spending and achieve their financial goals.
Caractéristiques
--------
- User registration and login: Users can create accounts and securely log in to access the app's features.
- Budget tracking: Users can track their income and expenses, set budgets, and receive alerts when they exceed their budget.
- Expense categorization: Users can categorize their expenses to get a clear picture of their spending habits.
- Goal setting: Users can set financial goals, such as saving for a vacation or paying off debt, and track their progress towards those goals.
- Spending analysis: Provides users with detailed insights and analysis of their spending habits, including charts and graphs that make it easy to understand their financial situation.
- Financial management blog: Users can read articles on a variety of topics related to personal finance and money management, including budgeting tips, saving strategies, debt reduction techniques, investing advice, retirement planning, credit score improvement, frugal living ideas, and mindset shifts for better financial health.
Exigences
------------
- Node.js
- React.js
- Express.js
- Mongo DB Atlas
- Mongoose
Installation
------------
1. Clonez le référentiel sur votre machine locale.
2. Naviguez vers le répertoire `server` en utilisant votre terminal/interface de commande.
3. Installez les dépendances requises en exécutant `npm install`.
4. Démarrez le serveur Node.js en exécutant `npm start`.
5. Naviguez jusqu'au répertoire `client` en utilisant votre terminal/interface de commande.
6. Installez les dépendances requises en exécutant `npm install`.
7. Démarrez le serveur de développement React en exécutant `npm start`.
Usage
-----
1. Démarrez le serveur Node.js en exécutant `npm start` dans le répertoire `server`, le fichier `index.js` :
```js
import express from "express";
import dotenv from "dotenv";
import cookieParser from "cookie-parser";
import cors from "cors";
import db from "./config/Database.js";
import router from "./routes/index.js";
import * as bodyParser from "express";
dotenv.config();
const app = express();
app.use(cors({ credentials:true, origin:'http://localhost:3000' }));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(cookieParser());
app.use(express.json());
app.use(router);
app.listen(5000, ()=> console.log('Server running at port 5000'));
```
2. Changer les prametres de la base de donnée pour les migration :
* `cd server/config/Database.js`
* Database.js :
```js
import mongoose from 'mongoose';
mongoose.connect('mongodb+srv://ashraf:[email protected]/?retryWrites=true&w=majority', {
useNewUrlParser: true,
useUnifiedTopology: true,
});
const db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function () {
console.log('Connected to MongoDB!');
});
export default db;
```
3. Démarrez le serveur de développement React en exécutant `npm start` dans le répertoire `client`.
4. Ouvrez votre navigateur et naviguez sur [http://localhost:3000](http://localhost:3000/)
5. Les entreprises peuvent créer un compte et ajouter des offres de stage, et les étudiants peuvent postuler à des postes.
Contribution
------------
Feel free to fork this repository and make contributions.
License
-------
This project is licensed under the MIT License.