My Wallet Project is a web application that enables users to control their personal finances. It has a front-end, back-end and database deployed in the cloud. The project was separated into two different repositories, one for the front-end and one for the back-end, using Git for versioning. The back-end was architected in controllers, routers and middlewares, while the front-end was built using ReactJS. User registration was implemented, capable of creating an account by validating fields and passwords. The application also allows users to log in, view their transactions and add new ones.
🔸 Demo: https://my-wallet-wine.vercel.app/
🔸 Backend Repository: https://github.com/natividadesusana/my-wallet-API
🔸 Organization My Wallet: https://github.com/wallet-sn
- Separate the project into two different repositories, one for the front-end and another for the back-end, and use Git for versioning. - Each implemented feature should have a corresponding commit.
- Implement the front-end using HTML, CSS, JS and React, always running on port 8000.
- Architect the back-end in controllers, routers and middlewares, using dotenv to manage environment variables. The server should run on port 5000.
- Register users in the database through a POST request, validating all fields, and returning the corresponding error message in case of failure.
- Users can log in, view their transactions and add new ones.
The My Wallet Project was developed to provide an easy-to-use web application that helps people manage their finances. The inspiration came from the need to have a single tool that could provide a comprehensive view of one's financial situation, including a summary of expenses, income and investments.
To download and configure the project, follow these steps:
- Clone the front-end repository: git clone https://github.com/username/my-wallet-front.git
- Clone the back-end repository: git clone https://github.com/username/my-wallet-back.git
- Install the dependencies for both repositories using npm install
- Create a .env file in the root of the back-end directory, containing the following variables:
MONGO_URI=<your-mongodb-uri> PORT=5000 - Start the back-end server by running npm start in the back-end directory.
- Start the front-end server by running npm start in the front-end directory.
- Access the application in your browser at http://localhost:8000
Note: This project requires MongoDB to be installed and running. If you don't have it installed, please follow the instructions in their website (https://www.mongodb.com/try/download/community).