{"id":25326403,"url":"https://github.com/mdhasanshuvo/visarena","last_synced_at":"2026-04-10T06:34:30.215Z","repository":{"id":275898138,"uuid":"913432733","full_name":"mdhasanshuvo/Visarena","owner":"mdhasanshuvo","description":"Visarena: A modern web application that simplifies the visa application process, helping users check requirements, apply, and track their applications with ease.","archived":false,"fork":false,"pushed_at":"2025-02-24T04:42:43.000Z","size":34119,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T05:29:52.033Z","etag":null,"topics":["expressjs","firebase","mongodb","nodejs","reactjs"],"latest_commit_sha":null,"homepage":"https://visarena-auth.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdhasanshuvo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-07T17:11:17.000Z","updated_at":"2025-02-24T04:42:46.000Z","dependencies_parsed_at":"2025-02-05T07:29:47.555Z","dependency_job_id":null,"html_url":"https://github.com/mdhasanshuvo/Visarena","commit_stats":null,"previous_names":["mdhasanshuvo/visarena"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2FVisarena","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2FVisarena/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2FVisarena/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2FVisarena/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdhasanshuvo","download_url":"https://codeload.github.com/mdhasanshuvo/Visarena/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247755589,"owners_count":20990626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","firebase","mongodb","nodejs","reactjs"],"created_at":"2025-02-14T01:42:56.523Z","updated_at":"2025-12-30T20:02:42.161Z","avatar_url":"https://github.com/mdhasanshuvo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌍 **Visarena: Your Visa Navigator Portal** ✈️  \n\n![Visarena Screenshot Placeholder](https://i.ibb.co.com/pvVcX6tf/Banner.png)  \n\n**Visarena** is a modern, user-friendly web application designed to **simplify the visa application process**. Whether you're checking visa requirements, applying, or tracking applications, **Visarena** offers a seamless solution for navigating international travel complexities.  \n\nWith **real-time visa tracking, user authentication, and dynamic data management**, **Visarena** ensures a hassle-free experience for global travelers.  \n\n---\n\n## 🌐 **Live Demo**  \n\n🔗 **[Visit Visarena](https://visarena-auth.web.app/)** 🚀  \n\n---\n\n## 🎯 **Project Overview**  \n\n**Visarena** serves as a **centralized visa management system** where users can:  \n\n✅ **Explore visa options** across different countries and categories.  \n✅ **Apply for visas** through a structured, intuitive interface.  \n✅ **Track applications** with real-time updates and status changes.  \n✅ **Manage personal visa history** with a **secure, authenticated dashboard**.  \n✅ **Enjoy a responsive, user-friendly experience** across all devices.  \n\n---\n\n## ✨ **Key Features**  \n\n### 🔐 **Authentication \u0026 Security**  \n- **Firebase Authentication** – Secure login/signup with Google and email-based authentication.  \n- **Protected Routes** – Private pages ensure only logged-in users access their visa data.  \n\n### 📋 **Visa Management System**  \n- **Apply for visas** with an easy-to-use form.  \n- **Track visa applications** in real-time.  \n- **Update or delete visas** in the user dashboard.  \n- **Admin controls** for managing visa listings (if applicable).  \n\n### 🛠 **Dashboard \u0026 Navigation**  \n- **🏠 Home Page** – Engaging introduction, quick navigation, and feature highlights.  \n- **📋 All Visa Page** – Browse available visas in a clean, card-based UI.  \n- **🙋‍♂️ My Added Visas** – Track personal visa applications with edit/delete functionality.  \n- **➕ Add Visa Page** – Submit a new visa application with validation.  \n- **📂 Applied Visas** – View and track submitted visa applications in a **table view**.  \n- **✏️ Update Visa Modal** – Quickly update visa details via a sleek pop-up form.  \n- **🗑️ Delete Visa Option** – Remove visas permanently with confirmation alerts.  \n- **🚫 404 Page** – Custom error page with a **\"Back to Home\"** button.  \n\n### 📜 **Additional Features**  \n✅ **📄 About Page** – Provides more details about the platform and its purpose.  \n✅ **📞 Contact Page** – Allows users to reach out for visa-related queries.  \n✅ **📊 Table View** – For better visibility of **My Added Visas** and **My Visa Applications**.  \n\n---\n\n## 📸 **Screenshots**  \n\n### 🏠 Home Page  \n![Home Page Screenshot](https://i.ibb.co.com/4RjBnGP3/Home.png)  \n\n### 📋 All Visa Listings  \n![Visa Listings Screenshot](https://i.ibb.co.com/PKG0Njb/All-Visa.png)  \n\n### 🔐 Authentication (Login \u0026 Register)  \n![Login Screenshot](https://i.ibb.co.com/RTfQbp9Z/Login.png)  \n\n### 🛠️ Dashboard \n![Added visa Screenshot](https://i.ibb.co.com/ynbHZ97Z/my-added-visa.png)  \n![Applied visa Screenshot](https://i.ibb.co.com/4R1qZGkG/my-applied-visa.png)  \n\n### 📋 About Us Page \n![About Us Page Screenshot](https://i.ibb.co.com/rKyzqSss/About.png)  \n\n---\n\n## 🛠 **Technology Stack**  \n\n| Layer         | Technology |\n|--------------|-----------|\n| **Frontend** | React.js, Tailwind CSS, DaisyUI |\n| **Backend** | Node.js, Express.js |\n| **Database** | MongoDB |\n| **Authentication** | Firebase Authentication |\n\n---\n\n## 📦 **Notable NPM Packages**  \n\n| Package | Purpose |  \n|---------|---------|  \n| `react-router-dom` | Enables smooth client-side navigation |  \n| `tailwindcss` \u0026 `daisyUI` | Modern, utility-first styling for an elegant UI |  \n| `firebase` | User authentication and data management |  \n| `react-simple-typewriter` | Dynamic text animations for a polished UI |  \n| `react-lottie` | Lightweight, interactive vector animations |  \n| `react-tooltip` | Informative tooltips for better user guidance |  \n\n---\n\n## 🚀 **Getting Started**  \n\n### 📌 **Prerequisites**  \nEnsure you have the following installed:  \n- 🟢 **Node.js** (v14+ recommended)  \n- 📦 **npm** or **yarn**  \n\n### 🏃‍♂️ **Run the Project Locally**  \n\n#### 1️⃣ **Clone the Repository**  \n```bash\ngit clone https://github.com/mdhasanshuvo/Visarena.git\ncd Visarena\n```  \n\n#### 2️⃣ **Install Dependencies**  \n```bash\nnpm install\n# or\nyarn install\n```  \n\n#### 3️⃣ **Set Up Environment Variables**  \nCreate a `.env` file in the root directory and add:  \n\n```ini\nPORT=5000\nMONGO_URI=your-mongodb-uri\nJWT_SECRET=your-jwt-secret\nVITE_API_KEY=your-firebase-api-key\nVITE_AUTH_DOMAIN=your-firebase-auth-domain\nVITE_PROJECT_ID=your-firebase-project-id\nVITE_STORAGE_BUCKET=your-firebase-storage-bucket\nVITE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id\nVITE_APP_ID=your-firebase-app-id\n```\n🔐 **Ensure you add `.env` to `.gitignore` to keep credentials secure.**  \n\n#### 4️⃣ **Start the Backend Server**  \n```bash\nnpm run server\n```  \n\n#### 5️⃣ **Start the Frontend Client**  \n```bash\nnpm run dev\n```  \n\n---\n\n## ❓ **Troubleshooting**  \n\nIf you encounter any issues:  \n- 🔍 Check the **console/logs** for errors.  \n- 📄 Ensure **environment variables** are correctly configured.  \n- 🔄 Run `npm audit fix` to resolve package dependency issues.  \n- 🔌 Ensure MongoDB is running and properly connected.  \n- 📩 Reach out for support via **[GitHub Issues](https://github.com/mdhasanshuvo/Visarena/issues)**.  \n\n---\n\n## 🔥 **Final Notes**  \n\n- **Security Best Practices:**  \n  - **Never expose API keys** in the frontend.  \n  - Use **environment variables** for sensitive information.  \n  - Secure authentication with **JWT** for password hashing.  \n- **Performance Optimization:**  \n  - Implement **lazy loading** for images.  \n  - Use **React Query** for efficient data fetching.  \n  - Minify and compress assets for faster load times.  \n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdhasanshuvo%2Fvisarena","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdhasanshuvo%2Fvisarena","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdhasanshuvo%2Fvisarena/lists"}