Mindmap.sh is a collaborative mind-mapping web application that lets users create, edit, and share interactive mind maps. The project includes a frontend built with React and a Node/Express backend with MongoDB for persistence.
- Frontend: React, react-router-dom, react-bootstrap
- Backend: Node.js, Express, Mongoose
- File uploads: Multer
- UI libraries: lucide-react, mdb-react-ui-kit
- Built a responsive React UI with reusable components and a custom mind-map visualization.
- Implemented RESTful APIs with Express and data persistence with MongoDB (Mongoose).
- Handled file uploads and user profile data; included authentication-ready patterns.
- Organized project into
frontendandbackendareas for clear separation of concerns.
Prerequisites: Node.js (>=18) and npm
- Install root dependencies:
npm install
- Install backend dependencies and start backend (from
backendfolder):
cd backend
npm install
npm run devStart
- Start the frontend (from
firstmmfolder):
cd firstmm
npm install
npm run dev
- Frontend components: see
firstmm/srcforMindMap.jsx, node components, and UI components. - Backend APIs: see
backend/server.jsand schema definitions likeMindMapSchema.js.
If you'd like, I can prepare a demo script, add CI, or containerize the app with Docker.