Url shortner (scissor-client)

A React-based web client for the Scissor URL Shortener. Supports user authentication, URL management, and an admin dashboard — built with DaisyUI and Axios.

├── 📁 public
│ └── 🖼️ vite.svg
├── 📁 src
│ ├── 📁 api
│ │ └── 📄 axios.js
│ ├── 📁 assets
│ │ └── 🖼️ react.svg
│ ├── 📁 components
│ │ ├── 📁 NavBar
│ │ │ └── 📄 Navbar.jsx
│ │ ├── 📁 auth
│ │ │ └── 📄 ProtectedRoute.jsx
│ │ ├── 📁 ui
│ │ │ ├── 📄 Button.jsx
│ │ │ ├── 📄 Card.jsx
│ │ │ ├── 📄 Input.jsx
│ │ │ └── 📄 Spinner.jsx
│ │ ├── 📄 CreateUrl.jsx
│ │ └── 📄 UrlTable.jsx
│ ├── 📁 context
│ │ ├── 📄 AuthContext.jsx
│ │ └── 📄 CreditContext.jsx
│ ├── 📁 hooks
│ │ └── 📄 useAuth.js
│ ├── 📁 lib
│ │ └── 📄 api.js
│ ├── 📁 pages
│ │ ├── 📄 Dashboard.jsx
│ │ └── 📄 Login.jsx
│ ├── 📄 App.jsx
│ ├── 🎨 index.css
│ └── 📄 main.jsx
├── ⚙️ .gitignore
├── 📄 eslint.config.js
├── 🌐 index.html
├── ⚙️ package-lock.json
├── ⚙️ package.json
├── 📝 readme.md
└── 📄 vite.config.js

Features

• Signup and Login with JWT-based session (managed via httpOnly cookies)
• Protected routes using a custom ProtectedRoute component
• Global auth state via React Context (AuthContext)
• Dashboard showing all created short URLs in a table
• Create new short URLs using available credits
• Deactivate URLs directly from the dashboard
• Admin panel for managing users and approving credit requests
• All API calls centralized in lib/api.js — no direct Axios calls from components

Tech Stack

• Framework: React (Vite)
• Styling: Tailwind CSS + DaisyUI
• HTTP Client: Axios
• Routing: React Router v6
• Notifications: react-hot-toast
• Deployment: Render