🧧 The Envelope Challenge | Full-Stack Savings App

Welcome to The Envelope Challenge, a modern web application designed to help users reach their savings goals through a fun, interactive, and gamified experience.

🎯 The Concept

The app is based on the famous “100 Envelopes Challenge”. The goal is to fill 100 virtual envelopes with a random amount ranging from $1 to $100. Once all envelopes are completed, the user will have saved a total of $5,050.

🛠️ Tech Stack

This project is built using the MERN stack, demonstrating a full integration between frontend, backend, and database:

• Frontend: React.js with functional components and custom Hooks.
• Backend: Node.js & Express REST API.
• Database: MongoDB for persistent data storage.
• Styling: Modern CSS3 featuring responsive layouts and intuitive UI interactions.

✨ Key Features

• Smart RNG (Random Number Generator): Logic that ensures no number is repeated by checking the current database state.
• Real-Time History: A dynamic dashboard showing all previously drawn envelopes.
• Data Persistence: Progress is automatically saved to the cloud, allowing users to pick up where they left off.
• Interactive Controls: Features include single-item deletion for error correction and a global reset for new challenges.