https://github.com/jakaria030/visa-care-client
Visa Care is a web-based platform designed to streamline the visa application process, making it easy for users to check visa requirements and add visa details.
https://github.com/jakaria030/visa-care-client
expressjs firebase mongodb nodejs react tailwindcss
Last synced: 3 months ago
JSON representation
Visa Care is a web-based platform designed to streamline the visa application process, making it easy for users to check visa requirements and add visa details.
- Host: GitHub
- URL: https://github.com/jakaria030/visa-care-client
- Owner: Jakaria030
- Created: 2025-01-08T10:16:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-04T19:09:21.000Z (over 1 year ago)
- Last Synced: 2025-02-04T20:21:37.639Z (over 1 year ago)
- Topics: expressjs, firebase, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://visa-care.web.app/
- Size: 25.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Visa Care
#### A simple platform to check visa requirements and apply for visas online.
## Purpose
Visa Care is a web-based platform designed to streamline the visa application process, making it easy for users to check visa requirements and add visa details. This system offers a user-friendly interface to simplify complex visa procedures. The project demonstrates practical solutions for managing visa-related information efficiently.
## Live URL
[Visit Visa Care Website](https://visa-care.web.app/)
## Preview
## Key Features
**🌍 Visa Requirement Information**
**📝 Online Visa Application**
**🕵️ Application Tracking System**
**🔒 Secure Data Management**
**📱 Responsive Design**
**🌞 Light Mode**
**🌙 Dark Mode**
## Technologies Used
This project was built using the following technologies:
- **Frontend:** React, HTML, CSS
- **Styling:** Tailwind CSS, DaisyUI
- **Backend:** Node.js, Express.js
- **Database:** MongoDB
- **Firebase:** Firebase is used for authentication.
- **Animations:** React-simple-typewritter, React Awesome reveal.
- **Hosting:** Firebase for client side and Vercel for serverside.
## **NPM Packages**
The following npm packages were used in the project:
- [`express`](https://www.npmjs.com/package/express): Fast, unopinionated, minimalist web framework for Node.js.
- [`mongodb`](https://www.npmjs.com/package/mongodb): MongoDB driver for Node.js to interact with MongoDB database.
- [`firebase`](https://www.npmjs.com/package/firebase): JavaScript library for Firebase services, including authentication and database.
- [`tailwindcss`](https://www.npmjs.com/package/tailwindcss): A utility-first CSS framework for creating custom designs.
- [`daisyui`](https://www.npmjs.com/package/daisyui): Component library for Tailwind CSS with a variety of pre-styled components.
- [`react-router-dom`](https://www.npmjs.com/package/react-router-dom): Declarative routing for React applications.
- [`react`](https://www.npmjs.com/package/react): A JavaScript library for building user interfaces.
- [`react-icons`](https://www.npmjs.com/package/react-icons): Popular icons as React components.
- [`sweetalert`](https://www.npmjs.com/package/sweetalert): Alert notifications for React.
- [`react-typewriter`](https://www.npmjs.com/package/react-typewriter): React component for creating typewriter effects.
- [`react-awesome-reveal`](https://www.npmjs.com/package/react-awesome-reveal): A React component library for adding reveal animations to elements.
## Getting Started
Follow these steps to set up and run the project locally:
1. Clone the repository:
```bash
git clone https://github.com/Jakaria030/visa-care-client.git
```
2. Navigate to the project directory:
```bash
cd visa-care-client
```
3. Install dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
5. You have to setup some other things like firebase as per your need. Also you have to setup backend server.
Follow my server side github repository docs.
[Visit](https://github.com/Jakaria030/visa-care-server)