Skip to content

Full-stack MERN app to track and manage dreams with CRUD operations, search/filter, theme toggle, toast feedback, and a clean Chakra UI interface.

Notifications You must be signed in to change notification settings

dnmore/dreams-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŒ™ Dreamy - Dreams Tracker

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.


✨ Features

  • βœ… 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

πŸ“½οΈ Demo

Watch a short walkthrough of the app in action: Dreamy Demo on Loom

πŸš€ Getting Started

πŸ“¦ Prerequisites

  • Node.js
  • MongoDB Atlas account or local MongoDB instance

Getting Started

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

License πŸ“„

This project is licensed under the MIT License.

About

Full-stack MERN app to track and manage dreams with CRUD operations, search/filter, theme toggle, toast feedback, and a clean Chakra UI interface.

Resources

Stars

Watchers

Forks