Giter Club home page Giter Club logo

fazle-rabbi-dev / link-bridge Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 2.24 MB

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

Home Page: https://linkbridge.vercel.app

License: MIT License

JavaScript 91.03% HTML 1.93% Shell 0.05% CSS 6.99%
appwrite linktree linktree-clone linktree-tailwindcss mongodb nodejs react reactjs zustand linktree-react

link-bridge's Introduction

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!

link-bridge's People

Contributors

fazle-rabbi-dev avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.