https://github.com/lutforrahman3845/visa-navigator-website
Visify is a comprehensive web application designed to simplify the visa application process. With its intuitive interface and robust functionality.
https://github.com/lutforrahman3845/visa-navigator-website
express firebase mongodb reactjs tailwindcss
Last synced: 3 months ago
JSON representation
Visify is a comprehensive web application designed to simplify the visa application process. With its intuitive interface and robust functionality.
- Host: GitHub
- URL: https://github.com/lutforrahman3845/visa-navigator-website
- Owner: lutforrahman3845
- Created: 2025-01-06T10:02:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-11T04:31:16.000Z (over 1 year ago)
- Last Synced: 2025-05-24T17:41:20.789Z (about 1 year ago)
- Topics: express, firebase, mongodb, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://visa-navigator-65e95.web.app/
- Size: 1.86 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Visify - Visa Navigator Portal
**Visify** is a comprehensive web application designed to simplify the visa application process. With its intuitive interface and robust functionality, it empowers users to:
- **Check Visa Requirements**: Quickly determine the visa requirements for any destination.
- **Apply for Visas Online**: Submit visa applications with ease through an integrated application form.
- **Track Visa Applications**: Stay updated on the progress of submitted applications.
---
## 🚀 Features
- **Dynamic User Interface**: Built with React and Tailwind CSS for a clean, responsive, and engaging design.
- **Authentication & Security**: Utilizes Firebase for secure user login and account management.
- **Data Management**: Backend powered by Express and MongoDB to handle user data, visa applications, and application tracking efficiently.
- **Dark Mode**: User-friendly dark mode support for an enhanced experience.
- **Seamless Navigation**: Integrated React Router ensures smooth transitions between pages.
---
## 🛠️ Tech Stack
- **Frontend**: React, Tailwind CSS
- **Backend**: Express, MongoDB
- **Authentication**: Firebase
- **Routing**: React Router
- **Deployment**: Hosted on modern platforms for fast and reliable performance
---
## 📂 Project Structure
```plaintext
├── src
│ ├── assets # Static assets (images, icons, etc.)
| |── Components # Reusable React components
│ ├── pages # Individual pages for the application
| ├── firebase # frirebase keys
│ ├── context # Context API for state management
│ ├── router # Declear pages path or routes
├── public # Public files for deployment
└── package.json # Project dependencies
```
---
## How to Run Locally
1.**Install Dependencies**:
```bash
npm install
```
2.**Set Up Firebase and MongoDB**:
Configure Firebase authentication and MongoDB database in `.env` file.
3.**Start the Development Server**:
```bash
npm run dev
```
4.**Access the App**:
Open `http://localhost:5173` in your browser.
5.**Packag Dependencies**
```
"dependencies": {
"@headlessui/react": "^2.2.0",
"@heroicons/react": "^2.2.0",
"firebase": "^11.0.2",
"localforage": "^1.10.0",
"lottie-react": "^2.4.0",
"match-sorter": "^8.0.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^7.0.2",
"react-simple-typewriter": "^5.0.1",
"react-toastify": "^11.0.2",
"sort-by": "^1.2.0",
"sweetalert2": "^11.14.5",
"swiper": "^11.1.15"
},
```
6. **Server site repositories**:
https://github.com/lutforrahman3845/visa-navigator-server-site
---
## live site link
https://visa-navigator-65e95.web.app/
---
## 📝 Future Enhancements
- Integration with real-time visa processing APIs for enhanced accuracy.
- Support for multiple languages.
- Email notifications for application status updates.
---
## 🤝 Contributing
We welcome contributions! Feel free to fork this repository, submit pull requests, or open issues to suggest improvements.
---
## 📧 Contact
For any questions or suggestions, please reach out at [lutforr3845@gmail.com]