AIPS

AIPS is stand for Alternative Information of Product and Services. AIPS is a web application for Alternative Product Information System, providing features for users to browse properties, register, login, post, view, delete and update their queries. Also user can delete their recommendations.

Live website link - https://apis-client.web.app/ And, github client repository link - https://github.com/airinakterasha/AIPS-client github server repository link - https://github.com/airinakterasha/AIPS-server Assignment Variant Is: Assignment_category_0009

Features

• User Authentication: Users can register, login the website.
• OAuth Login: Users can login using their Google.
• Browse Properties: Users can browse available properties.
• Property Details: Users can view detailed information about each property.
• Responsive Design: The application is designed to work seamlessly across various devices and screen sizes.
• CRUD Operation: User can post, view, update and delete the query of websites.

Technologies Used

In building Dreamtour, I utilized various packages to enhance our development process. These include:

• Frontend: React.js, React Router, React Icons, React-Tooltip, Tailwind CSS
• State Management: React Context API
• Authentication: Firebase Authentication
• Database: MongoDb Database
• OAuth: Firebase Authentication with Google
• Styling: Tailwind CSS, Daisyui, MambaUi
• Data Fetching: React Router Loader Data
• Toast Notifications: React Toastify, Sweetalert2
• Slider: react-multi-carousel, daisyUi
• Animation: React Awesome reveal, React-Tooltip

Installation

1. Clone the repository:

git clone https://github.com/airinakterasha/AIPS-client
2. Navigate to the project directory:
cd tourism-client-site

3. Install dependencies:
npm install

4. Create a Firebase project and set up authentication and Firestore database.

5. Create a .env file in the root directory and add your Firebase configuration:

REACT_APP_FIREBASE_API_KEY=your-api-key
REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain
REACT_APP_FIREBASE_PROJECT_ID=your-project-id
REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
REACT_APP_FIREBASE_APP_ID=your-app-id

6. Start the development server:
7. Open your browser and navigate to http://localhost:5173/ to view the application.

Categories

Query My Queries My Recommendations Recommendations for me

License

Feel free to customize it further according to your project's specifics!