Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 12 days 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 (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-03T13:52:38.000Z (5 months ago)
- Last Synced: 2024-08-03T14:58:21.991Z (5 months ago)
- Topics: appwrite, linktree, linktree-clone, linktree-react, linktree-tailwindcss, mongodb, nodejs, react, reactjs, zustand
- Language: JavaScript
- Homepage: https://linkbridge.vercel.app
- Size: 2.18 MB
- Stars: 2
- 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=failedVITE_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!*