A full-stack MERN (MongoDB, Express, React, Node.js) application that lets users create, read, update, and delete dreams. The app also offers search and filtering functionality, light / dark mode, and real-time feedback with toast notifications.
- β CRUD operations for managing dreams
- π Search/filter dreams by keyword
- π Light/Dark mode toggle using Chakra UI
- π Toast messages for form validation and CRUD operation feedback
- βοΈ Built with React + React Router
- π¨ Styled using Chakra UI
- πΎ State management with Zustand
- π Express.js backend API with MongoDB/Mongoose for data storage
Watch a short walkthrough of the app in action: Dreamy Demo on Loom
- Node.js
- MongoDB Atlas account or local MongoDB instance
Clone the repository and install the dependencies:
git clone https://github.com/dnmore/dreams-tracker.git
cd dreams-tracker
npm install
cd client
npm install
Create a .env file in the root:
MONGO_URI=your_mongodb_connection_string
PORT=5000
NODE_ENV=development
Run the client and the server separately in development
cd server
npm run dev
cd client
npm run dev
This project is licensed under the MIT License.