LinkSelf

📄 Description

LinkSelf is a platform where users can manage multiple links with one link.

⚙️ Tech Stack

• Frontend
  • Next.js 13
  • Tailwind CSS
  • Next Cloudinary
• Backend
  • Express.js
  • Mongoose
  • JSON Web Tokens
  • MongoDB

🚀 Features

• User authentication with JWT.
• User can manage multiple links for their profile.
• Theme customization for the profile page.
• Unique link for each user profile.
• View analytics for the profile.

🔨 Local Installation

Clone the repository

$ git clone git@github.com:mtsfy/linkself.git

Backend

$ cd linkself
$ cd backend
$ npm install

Setup environment variables for the backend:

• MongoDB

JWT_SECRET_KEY= # YOUR_SECRET_KEY
PORT=8000
ORIGIN=http://localhost:3000
MONGODB_CONNECTION_URL= # YOUR_MONGODB_CONNECTION_URL from MongoDB Atlas

Start the backend server:

$ npm run dev

The backend server will start running on http://localhost:8000

Frontend

$ cd linkself
$ cd frontend
$ npm install

Setup environment variables for the frontend:

• Next Cloudinary

NEXT_PUBLIC_BACKEND_URL=http://localhost:8000/api
NEXT_PUBLIC_FRONT_URL=http://localhost:3000
NEXT_PUBLIC_JWT_SECRET_KEY= # YOUR_SECRET_KEY (same as backend)
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME= # YOUR_CLOUDINARY_CLOUD_NAME from Next Cloudinary

Start the frontend server:

$ npm run dev

The frontend will start running on http://localhost:3000