https://github.com/fazle-rabbi-dev/link-bridge

🔗 LinkBridge is a full-stack MERN linktree application designed to help you organize your social media and other links in one convenient location
https://github.com/fazle-rabbi-dev/link-bridge

appwrite linktree linktree-clone linktree-react linktree-tailwindcss mongodb nodejs react reactjs zustand

Last synced: 9 months ago
JSON representation

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

Host: GitHub
URL: https://github.com/fazle-rabbi-dev/link-bridge
Owner: fazle-rabbi-dev
License: mit
Created: 2024-03-03T06:47:57.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-08-31T08:21:56.000Z (almost 2 years ago)
Last Synced: 2025-03-28T21:11:25.364Z (about 1 year ago)
Topics: appwrite, linktree, linktree-clone, linktree-react, linktree-tailwindcss, mongodb, nodejs, react, reactjs, zustand
Language: JavaScript
Homepage: https://linkbridge.vercel.app
Size: 2.19 MB
Stars: 4
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# LinkBridge

![LinkBridge](/public/thumbnail.jpg)

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](https://linkbridge.vercel.app).
- **Backend:** Explore the backend part of this app [here](https://github.com/fazle-rabbi-dev/link-bridge-api).

## .env Setup

```sh
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.