Skip to content

BitTree is a modern web application that lets users create personalized profiles and organize all their important links in one place. Built with Next.js, MongoDB, TailwindCSS, and NextAuth.

Notifications You must be signed in to change notification settings

2000Deba/BitTree

Repository files navigation

🌿 BitTree

BitTree is a web application where users can create their own profile and share all important links in one place.
Built with Next.js, MongoDB, TailwindCSS, and NextAuth.


📸 Screenshots

Home Page

Homepage

Profile Page

Homepage

Responsive Mode(Tablet View)

Tablet Mode

Responsive Mode(Mobile View)

Mobile Mode

🔗 Live Demo

👉 BitTree


🚀 Features

  • 🔐 User Authentication
    • Google login (via NextAuth)
    • GitHub login (via NextAuth)
    • Custom email/password login (via NextAuth Credentials Provider, JWT-based)
  • 👤 Custom profile pages with unique handles
  • ➕ Add and manage multiple links
  • 🎨 Responsive UI with TailwindCSS
  • 🗄 MongoDB database integration
  • ⚡ Deployed on Vercel

🛠 Tech Stack


⚙️ Installation & Setup

  1. Clone the repository

    git clone https://github.com/2000Deba/BitTree.git
    cd BitTree
  2. Install dependencies

    npm install
  3. Setup environment variables
    Create a .env.local file and add:

    MONGODB_URI=your_mongodb_connection_string
    NEXT_PUBLIC_HOST=http://localhost:3000
    NEXTAUTH_URL=http://localhost:3000
    NEXTAUTH_SECRET=your_secret
    GOOGLE_CLIENT_ID=your_google_client_id
    GOOGLE_CLIENT_SECRET=your_google_client_secret
    GITHUB_ID=your_github_client_id
    GITHUB_SECRET=your_github_client_secret
    CLOUDINARY_CLOUD_NAME=your_cloud_name_here
    CLOUDINARY_API_KEY=your_api_key_here
    CLOUDINARY_API_SECRET=your_api_secret_here
    EMAIL_USER=yourgmail@gmail.com
    EMAIL_PASS=xxxx xxxx xxxx xxxx   # App Password (must be entered without spaces)

    Make sure to replace your_mongodb_connection_string with your actual MongoDB connection URI.

  4. Run the development server

    npm run dev

The app will be available at 👉 http://localhost:3000


📦 Deployment

  • Deploy easily on Vercel by connecting your GitHub repository. Vercel will automatically build and deploy your project.

👨‍💻 Author

👤 Debasish Seal


⭐ Don't forget to star this repo if you like it!

About

BitTree is a modern web application that lets users create personalized profiles and organize all their important links in one place. Built with Next.js, MongoDB, TailwindCSS, and NextAuth.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published