LinkBridge

LinkBridge is a full-stack MERN linktree application designed to help you organize your social media and other links in one convenient location. With LinkBridge, you can create your own profile, essentially a single-page website, in just a few moments.

Note

Watch the video below to see this app's features 👇🏻

Open in YouTube

Fun Fact

Note

I created this project entirely using my Android Phone with apps: Acode & Termux.

🔴 Unveiling the Journey of Building LinkBridge

Note

This project represents a significant milestone in my journey as a mern-stack developer. I poured my heart and soul into crafting this application, leveraging my MERN stack skills and embracing the principles of clean code and industry best practices.

👉 This is my Hobby project & I took design inspiration for this project from bio link.

Project Created at

• 🗓 Feb 2024 - March 2024

Technologies Used ⚒️

• Vite + React
• Tailwind CSS
• Float UI
• Appwrite
• Cloudinary
• React-Query
• Zustand
• Node.js + Express.js
• MongoDB with Mongoose
• Jsonwebtoken

Features

• 👥 Authentication with email & password, Google, and GitHub
• 🔑 Forgot password functionality
• 🔒 Secure password change
• 💼 Update account details
• 🖼 Change profile photo
• 🔗 Add custom links with title, URL & icon
• 🌐 Add social media links
• 🎨 Customize with predefined themes
• 🎨 Create your own theme
• 📝 Change fonts
• 🚪 Logout functionality
• 🌙 Dark theme feature
• 📈 Link stats (showing how many times and at what times your links get clicked)
• 📱 PWA feature: Install the web app on devices for quick access, just like a regular app from an app store.

Screenshots

Live Demo 🎉

• Explore the live version of LinkBridge here.
• Backend: Explore the backend part of this app here.

.env Setup

VITE_APPWRITE_URL=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_STORAGE_ID=
VITE_APPWRITE_GITHUB_AUTH_SUCCESS_CALLBACK=http://localhost:5173/sign-in?authstatus=success&source=github
VITE_APPWRITE_GOOGLE_AUTH_SUCCESS_CALLBACK=http://localhost:5173/sign-in?authstatus=success&source=google
VITE_APPWRITE_AUTH_FAILURE_CALLBACK=http://localhost:5173/sign-in?authstatus=failed

VITE_HOST_NAME=http://localhost:5173/
VITE_API_ROOT=

📬 Connect with me

Let's connect! Reach out for collaborations, projects, or just a friendly chat.

Feel free to explore, contribute, and get inspired!