GetURI – Upload & Host Images Instantly | Free Image URL

• 

  GetURI – Upload & Host Images Instantly | Free Image CDN for Devs

# GetURI – Upload & Host Images & Videos Instantly

**GetURI** is a powerful, developer-focused platform to **upload, host, and manage images and videos** effortlessly. Whether you're building websites or web apps, GetUri gives you instant CDN-powered links ready to embed.

![Banner](https://getUri.com/banner-preview.png)

---

## 🌐 Live Demo

👉 [Visit GetUri](https://geturi.com/)

---

## 🚀 Features

- 🔼 Upload **JPG, PNG, GIF, SVG, MP4** files
- ⚡ Instantly get **CDN-optimized URLs**
- 🔐 User Authentication (Sign In / Sign Up)
- 👤 User Dashboard to manage uploaded media
- 🖼️ Live previews & file filtering
- 📦 Free plan with upgrade support
- 🌈 Clean UI/UX with Tailwind CSS
- 🧠 Built using **React**, **Zustand**, **Express**, **MongoDB**

---

## 🛠️ Tech Stack

| Frontend     | Backend | Storage               | Other                        |
| ------------ | ------- | --------------------- | ---------------------------- |
| React        | Express | MongoDB               | Zustand, React Router        |
| Tailwind CSS | Node.js | Cloudinary / ImageKit | React Helmet (SEO), Toastify |

---

## 📸 Screenshots

| Home Page                                | Dashboard                                     | Profile                                     |
| ---------------------------------------- | --------------------------------------------- | ------------------------------------------- |
| ![](https://getUri.com/screens/home.png) | ![](https://getUri.com/screens/dashboard.png) | ![](https://getUri.com/screens/profile.png) |

📁 Folder Structure

getUri/
├── public/
│   └── index.html
├── src/
│   ├── Components/
│   ├── Pages/
│   ├── Store/
│   ├── AuthContext.jsx
│   ├── App.jsx
│   └── main.jsx
├── backend/
│   ├── routes/
│   ├── models/
│   ├── controllers/
│   └── index.js

⚙️ Setup Instructions

🔧 Backend Setup

cd backend
npm install
# Set your MongoDB URI and Cloudinary keys in .env
npm run dev

💻 Frontend Setup

cd frontend
npm install
npm run dev

Visit http://localhost:5173

🔐 Environment Variables

Create a .env file in both frontend and backend:

Backend .env

MONGODB_URI=your_mongodb_connection_string
CLOUDINARY_CLOUD_NAME=...
CLOUDINARY_API_KEY=...
CLOUDINARY_API_SECRET=...
PORT=3000

Frontend .env

VITE_API_BASE=http://localhost:3000/api

📈 SEO & Accessibility

• ✅ Meta tags (Open Graph, Twitter, Canonical)
• ✅ Structured Data via ld+json
• ✅ Lighthouse score: 100 Performance, 100 Accessibility, 100 SEO

📦 Features To Add Next

• 🔁 Image compression
• 💬 Comment & Like system
• 🔗 Shareable public gallery links
• 🗃️ File tagging & categorization

✨ Author

Hassaan Haider – @itsHassaanHaider

📜 License

This project is open-source under the MIT License.

⭐ Support

If you like this project, consider giving it a ⭐ on GitHub!

Built With

• express.js
• mern
• mongoose
• node.js
• react
• tailwindcss