A simple URL shortener.
Link Shrink has a limit of 25 links being stored at any one time.
This URL shortener is made using the MERN stack. The frontend is in React and Tailwind using TypeScript; the backend using Node and Express, also in TypeScript, with a MongoDB database to store the links and the shortened link. The backend has been containerized using Docker.
This project uses Yarn workspaces but is built for separate deployment of the frontend and backend.
The frontend is deployed using Netlify and the backend in a separate server, set as the environment variable VITE_BACKEND_SERVER
. The Node/Express backend with MongoDB need only the docker compose up
to start.
In the project directory, you can run:
Runs both client and server, reloading on edits.
Runs app in development mode, reloading on edits.
Open http://localhost:3000
Runs backend in development mode, reloading on edits.
Open http://localhost:5000