Skip to content

πŸ”— LinkBridge is a full-stack MERN linktree application designed to help you organize your social media and other links in one convenient location

License

Notifications You must be signed in to change notification settings

fazle-rabbi-dev/Link-Bridge

Repository files navigation

LinkBridge

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.

Fazle Rabbi Fazle Rabbi Fazle Rabbi Fazle Rabbi Fazle Rabbi Fazle Rabbi

Feel free to explore, contribute, and get inspired!

About

πŸ”— LinkBridge is a full-stack MERN linktree application designed to help you organize your social media and other links in one convenient location

Topics

Resources

License

Stars

Watchers

Forks