Skip to content

SabarishSriram/LinkSlice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 

Repository files navigation

LinkSlice

LinkSlice is a fullstack modern URL shortner made using React, TailwindCSS, Express, Node, MongoDB and Mongoose

Features

  • Fast & Responsive: Built with React and Express for a seamless user experience.
  • Stylish UI: Powered by shadcn components for a modern, sleek design.
  • Dynamic Visuals: Integrates tsparticles to add eye-catching particle effects to the UI.
  • Unique URL Generation: Uses nanoid to generate short and unique URL slugs.
  • Input Validation: Ensures safe and clean data with schema validation powered by zod.
  • Database: Stores links in a MongoDB database, offering scalability and performance for large datasets.

Screenshots

Screenshot 2024-10-16 185132 Screenshot 2024-10-16 190424

Tech Stack

  • React
  • Javascript
  • MongoDB
  • Mongoose
  • Node
  • Express
  • shadcn/ui
  • TailwindCSS
  • zod
  • Nanoid

Setup Instructions

  1. Clone the repository:

    git clone https://github.com/SabarishSriram/LinkSlice.git
    cd LinkSlice
    
  2. Install dependencies:

    npm install
    
  3. Set up the environment variables in your .env file :

    VITE_URL=
    CONNECTION_STRING=
  4. Run the development server:

    npm run dev