π§ Second Brain Your personal digital archive for saving and managing important online content β starting with YouTube and Twitter links. Think of it as your Second Brain: a fast, intuitive, and expandable platform for organizing digital knowledge and resources.
π Live Demo π https://f-ll-brain-second.vercel.app/
π What is Second Brain? Second Brain is a full-stack application that helps you store, categorize, and retrieve important URLs β currently focusing on YouTube and Twitter links, with future plans for full browser extension support and bookmarking any kind of content.
Designed with scalability and user productivity in mind, the app is built using the MERN stack (MongoDB, Express.js, React, Node.js) with TypeScript for type safety and Tailwind CSS for modern styling.
π Key Features π Save YouTube & Twitter Links: Paste a link and store it with metadata (title, source, etc.).
π Organized by Type & Tags: Classify saved links for easy filtering and navigation.
π Search & Filter: Quickly find previously saved content.
π€ Authentication: Secure user login/signup using JWT.
βοΈ Fully Deployed: Live backend and frontend deployments.
π§ Built for Extension: Future-ready backend designed to support a browser extension for capturing any URL.
π― Built with TypeScript: Ensures better maintainability and developer experience.
π οΈ Tech Stack Frontend Backend Database Styling Language Deployment React + Vite Node.js + Express MongoDB Tailwind CSS TypeScript Vercel + Render
βοΈ Getting Started π§© Prerequisites Node.js v16+
Yarn or npm
MongoDB Atlas (or local MongoDB)
π¦ Backend Setup
cd second-brain-backend npm install
MONGO_URI=your_mongodb_uri JWT_SECRET=your_secret PORT=5000
npm run dev π» Frontend Setup
cd second-brain-frontend/brainly-frontend npm install
VITE_API_BASE_URL=http://localhost:5000
npm run dev Then open: http://localhost:5173
π Authentication JWT-based login/signup.
Secure API routes using middleware in the backend.
π£οΈ Roadmap Save YouTube and Twitter links
JWT Authentication
Tailwind styling
Hosted on Render (backend) and Vercel (frontend)
Add Browser Extension
Support for saving any kind of URL
Categorization via tags and folders
Full-text search
Note/description editor for each link
π§βπ» Developer Notes Built with modular architecture to allow easy feature expansion.
All frontend state management is component-local or via custom hooks; scalable to Redux or Zustand if needed.
π€ Contributing PRs and issues are welcome! If you have ideas for new features or improvements, feel free to fork and submit.