PROJECT
LINKEDLIST
OOP Project, November-December 2021
under the guidance of Dr. Uma Sheshadri
TABLE OF CONTENTS
Objective
Requirements
Tech Stack
UML Case
Usecase
API Routes
Implementation
01
02
03
04
05
06
07
OBJECTIVE
The project aims and objectives that will be achieved after the completion of this project
are discussed in this subchapter. The aims and objectives are as follows:
• Create a simple landing page or a single link that hosts multiple links.
• The link can be shared on Facebook posts, your Instagram bio, your profile on Twitter,
along many other platforms.
• Depending on user subscription, they can change fonts, add animated backgrounds,
highlight priority links, get detailed analytics.
• The free version of the link stack will have limited functionality and will not allow users to
add much branding. However, users can add a profile picture, get short analytics and
change the color of the background to one of our presets.
Bio
One Link to go to all platforms.
Other Features
URL Shortner
Analytics
Special Links
Portofolio
Personal Links


Dashboard
To maintain all links by user
linklive.live/user
05
onelink
OOP PROJECT
Project LinkedList
REQUIREMENTS
1. A user can register to the website.
2. A user can choose username (that will be the url)
E.g
Username = siddhant
linktree.com/siddhant
3. A user will have to follow authentication process to access his dashboard section.
4. A user can manage his profile from dashboard section
h. A user can remove branding of (LINKStack ) from his profile page (PREMIUM)
i. A user can share his profile
i. A user can share his profile to particular platform
ii. A user can also generate QR Code of his profile.
a. A user can add photo to his profile
b. A user can add profile title
c. A user can add his biography in profile section
d. A user can add links to his profile
e. A user can see the total no of views on his profile
f. A user can see the total no of clicks on his links (A user can also see no of clicks on his particular link (PREMIUM) )
g. A user can customize his profile page
i. A user can change theme (colour, background) of his profile page
ii. A user can rearrange the links on his profile page
OOP PROJECT
TECH STACK
VERSION
CONTROLLING
Project LinkedList
06
BACKEND
NodeJS
DATABASE
MongoDB
FRONTEND HTML CSS JavaScript
Bootstrap
UML
USECASE
API ROUTES
/ GET Home Page
/login GET Login Page
POST Login Page Form
/signup GET Sign Up Page
POST Sign Up Page Form
/forgot GET Forgot Password Page Route
/reset GET Reset Password Page Route
/verify GET Email Verification with token in parameter
/:username GET User Public Profile Page Route
/photo/:photoID GET To get userprofile photo with photoID in parameter
/logout GET To logout from the website
/ GET Dashboard Page
/add-link GET Page To Add New link to user public profile
/update-link GET Page To Update Existing link in user public profile
GET Page To Update Photo and customize user public profile
/handles GET Page To Update Handles of different platforms
Dashboard
* these are secured routes (require JWT token to access)
/appearance
/api/profile GET To Retrieve Profile Photo Id, Title, Bio and Theme
PUT To Update Profile Photo, Title, Bio and Theme
/update-link GET Page To Update Existing link in user public profile
GET To Retrieve All Links or a specific link by Id
POST To Create a New Link
* these are secured routes (require JWT token to access)
/api/links
PUT To Edit an existing Link
DELETE To Delete Link by Id
/api/handles GET To Retrieve all the handles in user public profile
POST To Update handles in user public profile
/subscription GET Page To Show Subscription Info
GET To Intiate Transaction and Redirect to Paytm Payment Gateway
POST Respose Page to Verify Payment Status and Upgrade User Subscription
* these are secured routes (require JWT token to access)
/subscription/activate
/subscription/transaction
Payment and Subscription Routes
Authentication Page
Dashboard
User Public Profile Page (Wave Theme)
Project LinkedList - LinkStack -  A Social Media Reference Tool

Project LinkedList - LinkStack - A Social Media Reference Tool

  • 1.
    PROJECT LINKEDLIST OOP Project, November-December2021 under the guidance of Dr. Uma Sheshadri
  • 2.
    TABLE OF CONTENTS Objective Requirements TechStack UML Case Usecase API Routes Implementation 01 02 03 04 05 06 07
  • 3.
    OBJECTIVE The project aimsand objectives that will be achieved after the completion of this project are discussed in this subchapter. The aims and objectives are as follows: • Create a simple landing page or a single link that hosts multiple links. • The link can be shared on Facebook posts, your Instagram bio, your profile on Twitter, along many other platforms. • Depending on user subscription, they can change fonts, add animated backgrounds, highlight priority links, get detailed analytics. • The free version of the link stack will have limited functionality and will not allow users to add much branding. However, users can add a profile picture, get short analytics and change the color of the background to one of our presets.
  • 4.
    Bio One Link togo to all platforms. Other Features URL Shortner Analytics Special Links Portofolio Personal Links Dashboard To maintain all links by user linklive.live/user 05 onelink OOP PROJECT Project LinkedList
  • 5.
    REQUIREMENTS 1. A usercan register to the website. 2. A user can choose username (that will be the url) E.g Username = siddhant linktree.com/siddhant 3. A user will have to follow authentication process to access his dashboard section. 4. A user can manage his profile from dashboard section h. A user can remove branding of (LINKStack ) from his profile page (PREMIUM) i. A user can share his profile i. A user can share his profile to particular platform ii. A user can also generate QR Code of his profile. a. A user can add photo to his profile b. A user can add profile title c. A user can add his biography in profile section d. A user can add links to his profile e. A user can see the total no of views on his profile f. A user can see the total no of clicks on his links (A user can also see no of clicks on his particular link (PREMIUM) ) g. A user can customize his profile page i. A user can change theme (colour, background) of his profile page ii. A user can rearrange the links on his profile page
  • 6.
    OOP PROJECT TECH STACK VERSION CONTROLLING ProjectLinkedList 06 BACKEND NodeJS DATABASE MongoDB FRONTEND HTML CSS JavaScript Bootstrap
  • 7.
  • 8.
  • 9.
    API ROUTES / GETHome Page /login GET Login Page POST Login Page Form /signup GET Sign Up Page POST Sign Up Page Form /forgot GET Forgot Password Page Route
  • 10.
    /reset GET ResetPassword Page Route /verify GET Email Verification with token in parameter /:username GET User Public Profile Page Route /photo/:photoID GET To get userprofile photo with photoID in parameter /logout GET To logout from the website
  • 11.
    / GET DashboardPage /add-link GET Page To Add New link to user public profile /update-link GET Page To Update Existing link in user public profile GET Page To Update Photo and customize user public profile /handles GET Page To Update Handles of different platforms Dashboard * these are secured routes (require JWT token to access) /appearance
  • 12.
    /api/profile GET ToRetrieve Profile Photo Id, Title, Bio and Theme PUT To Update Profile Photo, Title, Bio and Theme /update-link GET Page To Update Existing link in user public profile GET To Retrieve All Links or a specific link by Id POST To Create a New Link * these are secured routes (require JWT token to access) /api/links PUT To Edit an existing Link DELETE To Delete Link by Id
  • 13.
    /api/handles GET ToRetrieve all the handles in user public profile POST To Update handles in user public profile /subscription GET Page To Show Subscription Info GET To Intiate Transaction and Redirect to Paytm Payment Gateway POST Respose Page to Verify Payment Status and Upgrade User Subscription * these are secured routes (require JWT token to access) /subscription/activate /subscription/transaction Payment and Subscription Routes
  • 14.
  • 15.
  • 16.
    User Public ProfilePage (Wave Theme)