🪹 LinkNest

LinkNest is a full-stack Linktree clone built using the MERN stack.

https://linknest.onrender.com/

🐣 Video Demo

https://www.youtube.com/watch?v=Q8zekBfQpMQ

🐥 Features

• Create and manage a personalized collection of links
• Reorder and organize your links using drag-and-drop functionality
• User authentication and secure token-based sessions
• Responsive design for optimal viewing on various devices

🐤 Tech Stack

Frontend:

     

• Including: React Beautiful DND, React Toastify, daisyUI, SweetAlert2

Backend:

       

Testing:

   

Deployed On:

🐔 Getting Started

These are instructions to copy the project locally for development and testing purposes.

Prerequisite	Version
Node.js / npm (comes with Node)	~^18.17.0 / ~^9.7.1

Installing

Create a new directory and initialize Git

mkdir LinkNest
cd LinkNest
git init

Pull from GitHub

git pull https://github.com/kevincnguyen/LinkNest.git

Navigate to the backend directory and run npm install:

cd backend
npm install

Create a .env file with the following contents:

MONGODB_URI= <Connection to production MongoDB database>
TEST_MONGODB_URI= <Connection to test MongoDB database>
PORT= <Port for running development server>
ACCESS_TOKEN_SECRET= <Secret string for access token>
REFRESH_TOKEN_SECRET= <Secret string for refresh token>

Navigate to the frontend directory and run npm install:

cd ..
cd frontend
npm install

Running the App

From the root directory, navigate to the development backend directory and run the server:

cd backend
npm run dev

Navigate to the frontend directory and run the development frontend client:

cd ..
cd frontend
npm run dev

Open http://localhost:3000 to view the app in the browser

🐧 License

This project is licensed under the MIT License.

---

Disclaimer: This project is inspired by Linktree but is developed independently as a personal project. It is not affiliated with or endorsed by Linktree.