In an attempt to mirror Linktree's impressive system, I'm working on this project. Using Next.js and Tailwind CSS, my focus is on crafting the user admin side, incorporating features such as login, sign-up, and the user links page.
LinkTree stands out as a widely used platform enabling users to fashion a customized landing page featuring multiple links to their diverse social media profiles or websites. Through replicating LinkTree, my aim is to elevate my proficiency as a developer and cultivate a more profound comprehension of Next.js and Tailwind CSS.
- Authentication System: Establish a robust login and sign-up mechanism to ensure secure user access.
- Admin Dashboard for Users: Construct an intuitive interface, allowing users to effortlessly manage their links and personalize their profiles.
- Links Management Page: Formulate a dedicated page enabling users to add, modify, and organize their links, complete with custom names and descriptions.
- React Beautiful DnD: A library for implementing drag and drop functionality in React.
- React Hot Toast: A toast notification library for React.
- React Icons: A collection of popular icons for React applications.
- Next.js: A React framework for building server-rendered applications.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- react-share: Used to handle sharing user links to multiple social media platforms.
- qrcode.react: Used to create a unique user QR Code.
- react-confetti: Used to design the confetti theme background.
- js-cookie: Used to help create, get, delete, and edit cookie data.
- crypto-js: Used to encrypt my Cookie Session data.
- bad-words: Used to filter out sensitive words from the Links Page (this only applies when no warning is issued).