Skip to content

A ReactJS + TypeScript project serving as your second brain to store important links from YouTube, Instagram, LinkedIn, Twitter, Notion, and websites. Organize and share your stored content easily, ensuring quick access and collaboration with others. Simplify your digital life with sharable storage!

Notifications You must be signed in to change notification settings

aryanadla/Second-Brain

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

83 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Second-Brain 🧠

A ReactJS + TypeScript project serving as your second brain to store important links from YouTube, Instagram, LinkedIn, Twitter, Notion, and websites. Organize and share your stored content easily, ensuring quick access and collaboration with others. Simplify your digital life with sharable storage!

Features πŸš€

  • Content Storage : Save and organize important links in one place for easy access.

  • Quick Access : Easily retrieve stored content whenever needed without hassle.

  • Tag-Based Organization : Filter content based on defined tags for better organization.

  • Sharing Functionality : Share your stored links and media with others through a unique link.

  • Privacy Control : Disable sharing anytime to ensure your content stays private.

  • Responsive Design : Enjoy a seamless experience on both desktop and mobile devices.

  • User-Friendly Interface : Navigate effortlessly with a clean and intuitive design.

Tech Stack πŸ› οΈ

Frontend

  • Framework : React with TypeScript

  • Styling : Tailwind CSS

  • State Management : Axios library and local storage

  • Build Tool : Vite

Backend

  • Framework : Node.js with Express

  • Database : MongoDB for data storage

  • Authentication : JWT (JSON Web Tokens)

Visit Website πŸ”—

Folder Structure πŸ—οΈ

secondbrainapp/
β”œβ”€β”€ Backend/          # Contains the server-side code
β”‚   β”œβ”€β”€ src/          # Backend source files
β”‚   β”œβ”€β”€ .env          # Environment variables for the backend
β”‚   └── package.json
β”œβ”€β”€ Frontend/         # Contains the client-side code
β”‚   β”œβ”€β”€ src/          # Frontend source files
β”‚   β”œβ”€β”€ public/       # Public assets like logos
β”‚   └── package.json
└── README.md         # Project documentation

Installation and Setup βš™οΈ

  1. Clone the repository :
 git clone https://github.com/VanshRana-1004/Second-Brain.git
 cd BrainDock
  1. Setup Backend :
 cd Backend
 npm install
 npm run dev
  1. Setup Frontend :
 cd ../Frontend
 npm install
 npm run dev
  1. Environment Variables :
  • Create .env files in the respective folders with the following:
    • Backend .env
      PORT=3000
      MONGO_URI=<your-mongodb-uri>
      JWT_SECRET=<your-secret-key>
      
    • Frontend .env
      VITE_API_URL=<backend-api-url>
      

Key Functionalities ✨

  • Save and Categorize : Keep your links organized by categories or tags.
  • Explore Shared Brains : Discover resources shared by other users.

License πŸ“œ

  • This project is licensed under the MIT License.

Author πŸ§‘β€πŸ’»

Let me know if you'd like further refinements!

About

A ReactJS + TypeScript project serving as your second brain to store important links from YouTube, Instagram, LinkedIn, Twitter, Notion, and websites. Organize and share your stored content easily, ensuring quick access and collaboration with others. Simplify your digital life with sharable storage!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.6%
  • JavaScript 1.6%
  • CSS 1.4%
  • HTML 0.4%