Skip to content

abolkog/tutorial-mern-expense-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

48 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

MERN Stack Expense Tracker App

A full-stack expense tracking application built with the MERN stack (MongoDB, Express.js, React, Node.js). This project demonstrates how to build a complete web application with user authentication, expense management, and data visualization.

πŸ“Ί YouTube Tutorial

This project is part of my YouTube tutorial series. Watch the complete walkthrough here:

MERN Stack for Beginners - Arabic

Subscribe to my channel for more coding tutorials: Khalid Elshafie

🎯 Features

  • User registration and authentication
  • Add, edit, and delete expenses
  • Categorize expenses
  • View expense history and analytics
  • Responsive design for mobile and desktop

πŸ› οΈ Tech Stack

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT (JSON Web Tokens)

πŸš€ Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • MongoDB
  • npm or yarn

Installation

  1. Clone the repository
  2. Install dependencies for both frontend and backend
  3. Set up your MongoDB connection
  4. Configure environment variables
  5. Run the development servers

🀝 Contributing

Feel free to open issues or submit pull requests if you have suggestions for improvements!

About

MERN Stack Tutorial App

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published