Resortify Frontend

Welcome to Resortify Frontend! This repository contains the frontend codebase for the Resortify web application, offering users the ability to book resorts and owners to register their hotels. Resortify Frontend is built using React.js and incorporates various libraries and tools for enhanced functionality and user experience.

Technologies Used

• React.js: JavaScript library for building user interfaces.
• Bootstrap: CSS framework for responsive and mobile-first design.
• reactstrap: React components library for Bootstrap.
• Leaflet: JavaScript library for interactive maps.
• react-leaflet: React components for Leaflet maps integration.
• redux: State management library for managing global state.
• react-router-dom: React library for routing and navigation.
• formik: Form library for building forms in React.
• yup: JavaScript schema validation library for form validation.
• Stripe: Payment gateway for processing payments securely.
• axios: Promise-based HTTP client for making API requests.
• multer: Middleware for handling multipart/form-data, used for image uploads.
• react-datatable-component: React component for creating tables.

Features

• Multi-Step Form: Utilizes a multi-step form for seamless user experience during resort booking and registration.
• Global State Management: Manages global state using Redux for efficient data handling.
• Form Handling and Validation: Implements Formik and Yup for form creation and validation, ensuring data integrity.
• Error Handling: Handles form errors and server errors gracefully to enhance user experience.
• Payment Gateway Integration: Integrates Stripe for secure payment processing between owners and users.
• Interactive Maps: Utilizes Leaflet and react-leaflet for interactive maps displaying resort locations.
• Image Uploads: Implements multer for uploading resort images, enhancing visual appeal.
• Sorting and Filtering: Allows users to filter and sort resorts based on various criteria.
• Admin Dashboard: Provides an admin dashboard with tables created using react-datatable-component for managing bookings and resorts effectively.

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/Resortify-Frontend.git
   
   

2. Install Dependencies

      cd Resortify-Frontend
      npm install
   

3. Start the development server

       npm start
   
   

Usage

Once the development server is running, you can access Resortify Frontend in your web browser. Users can book resorts and owners can register their hotels using the intuitive multi-step form. The application provides a seamless experience with global state management, form validation, and error handling. Additionally, users can explore resort locations on interactive maps and filter and sort resorts based on preferences.

Contributing

Contributions are welcome! If you have any suggestions, improvements, or feature requests, feel free to submit a pull request or open an issue.