MindVault is now DigiBrain
Your personal digital brain - capture, organize, and share knowledge effortlessly
- Multi-Platform Support - Seamlessly save content from Twitter, YouTube, LinkedIn, and any website
- Intelligent Categorization - Auto-organize your saved content by type
- Semantic Search - Find exactly what you need with AI-powered search
- Rich Previews - Beautiful embedded previews for tweets, videos, and links
- Smooth Loading States - Elegant skeleton screens and animations
- Responsive Design - Perfect on desktop, tablet, and mobile
- Dark Mode UI - Easy on the eyes with a sleek dark interface
- Real-time Updates - Instant feedback on all actions
- JWT Authentication - Secure user sessions
- Private Collections - Your data, your control
- Shareable Links - Generate read-only share links for collaboration
- React 18 with TypeScript
- Vite for blazing-fast builds
- Tailwind CSS for utility-first styling
- Zustand for state management
- React Router with HashRouter for SPA routing
- Axios for API communication
- Node.js + Express
- TypeScript for type safety
- MongoDB with Mongoose ODM
- JWT for authentication
- Vector Embeddings for semantic search
- Render for deployment
- Git for version control
- Node.js (v18 or higher)
- MongoDB instance
- npm or yarn
- Clone the repository
git clone https://github.com/himavarshini28/mindvault.git
cd mindvault- Install dependencies
# Install client dependencies
cd client
npm install
# Install server dependencies
cd ../server
npm install- Set up environment variables
Create .env files in both client and server directories:
Client .env
VITE_BACKEND_URL=http://localhost:5000Server .env
PORT=5000
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret- Start the development servers
# Start backend (from server directory)
npm run dev
# Start frontend (from client directory)
npm run dev- Open your browser
Navigate to
http://localhost:5173
Create your account or log in to access your personal vault
Click "Add content" and paste links from:
- 🐦 Twitter/X
- 📺 YouTube
- 🔗 Any website
Content is automatically categorized. Use the sidebar to filter by type.
Use semantic search to find content by meaning, not just keywords.
Generate shareable links to collaborate with others (read-only access).
- Twitter/X - Embedded tweets with full formatting
- YouTube - Video embeds with player controls
- LinkedIn - Professional content previews
- Others - Links and documents with custom icons
Powered by AI embeddings, search understands context and meaning, not just exact matches.
- Skeleton screens for smooth transitions
- Shimmer animations for premium feel
- Button loading indicators
- Non-blocking UI updates
- Generate unique share links
- Copy-to-clipboard with one click
- Open share links in new tabs
- HashRouter-compatible URLs
mindvault/
├── client/ # React frontend
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Page components
│ │ ├── hooks/ # Custom React hooks
│ │ ├── store/ # Zustand stores
│ │ ├── icons/ # SVG icon components
│ │ ├── lib/ # Utilities and API client
│ │ └── types/ # TypeScript definitions
│ └── public/ # Static assets
│
└── server/ # Express backend
├── src/
│ ├── config/ # Database config
│ ├── middlewares/ # Auth & other middleware
│ ├── routes/ # API routes
│ └── utils/ # Helper functions
└── dist/ # Compiled output
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Hima Varshini
- GitHub: @himavarshini28
- Inspired by modern note-taking and knowledge management tools
- Built with love using the latest web technologies
- Thanks to the open-source community for amazing tools and libraries
⭐ Star this repo if you find it useful!
Made with ❤️ by Hima Varshini