https://github.com/vishnu2105-git/url-shortener
A URL Shortener application that converts long URLs into short,easy-to-share links.
https://github.com/vishnu2105-git/url-shortener
express full full-stack mongodb nodejs reactjs url-shortener
Last synced: 3 months ago
JSON representation
A URL Shortener application that converts long URLs into short,easy-to-share links.
- Host: GitHub
- URL: https://github.com/vishnu2105-git/url-shortener
- Owner: vishnu2105-git
- Created: 2025-09-10T04:17:01.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-22T18:34:33.000Z (9 months ago)
- Last Synced: 2026-01-03T16:06:07.348Z (6 months ago)
- Topics: express, full, full-stack, mongodb, nodejs, reactjs, url-shortener
- Language: JavaScript
- Homepage: https://tinylink-url.onrender.com
- Size: 387 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#Project SetUp
---
### 🔹 Step 1: Setup Environment Variables
#### 📁 `backend/.env`
```env
MONGODB_URI=your_mongodb_connection_string
PORT=3000
GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret
JWT_SECRET=your_secure_jwt_secret
```
#### 📁 `frontend/.env`
```env
VITE_GOOGLE_CLIENT_ID=your_google_client_id
VITE_BZENV=development # or production
VITE_DEV_PROXY=http://localhost:3000
```
---
### 🔹 Step 2: Install Dependencies and Start
Quick Start
Start frontend and backend together from root:
```bash
npm run dev
```
# OR
If you prefer running frontend and backend separately, follow the setup steps below.
#### ➤ Frontend
```bash
cd frontend
npm install
npm run build
npm start
```
#### ➤ Backend
```bash
cd ../backend
npm install
npm start
```
---
## 🛠️ Tech Stack
- **Frontend**: Vite, React, Mantine, Google OAuth2
- **Backend**: Node.js, Express, MongoDB, JWT
- **Tooling**: ESLint, Prettier, dotenv
---
## 🙌 Contributing
Feel free to fork and create PRs to improve the boilerplate!
---