Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/talhat298/andaman-website

andamanapp is a React web app using Material-UI, CoreUI, and Bootstrap, with Google Maps, Firebase, and TailwindCSS for a responsive and dynamic experience.
https://github.com/talhat298/andaman-website

dom javascript nodejs reactspinner swiper webvitals

Last synced: 24 days ago
JSON representation

andamanapp is a React web app using Material-UI, CoreUI, and Bootstrap, with Google Maps, Firebase, and TailwindCSS for a responsive and dynamic experience.

Awesome Lists containing this project

README

        

# Live Link

![My Image](https://i.ibb.co/VTsTNtC/localhost-3000.png)

# andamanapp

**andamanapp** is a React-based application that integrates various modern libraries and tools to provide a rich and dynamic user experience.

## Key Dependencies

- **React & React DOM**: Core libraries for building and rendering the user interface.
- **React Router DOM**: Manages routing within the application.
- **Material-UI (MUI) & CoreUI**: Provides pre-styled UI components for consistent and responsive design.
- **Font Awesome & Heroicons**: Libraries for enhancing visual elements with icons.
- **Axios**: Promise-based HTTP client for making API requests.
- **Framer Motion**: Advanced animation library for React.
- **PrimeReact & MDBReact**: Additional UI component libraries to extend design and functionality.
- **React Bootstrap & Bootstrap**: Styling and layout enhancement libraries.
- **Tanstack React Query**: Efficient server state management and data fetching.
- **Swiper & React Multi-Carousel**: Tools for creating responsive carousels and sliders.
- **React Google Maps API & Google Autocomplete**: Integration with Google Maps and Places services.
- **Firebase**: Firebase services integration.
- **EmailJS**: Enables email-sending capabilities from the frontend.
- **TailwindCSS**: Utility-first CSS framework for custom designs.

## Development Dependencies

- **TailwindCSS & PostCSS**: For styling with custom utilities and autoprefixing.
- **Date-fns**: Library for date manipulation in JavaScript.
- **Google Maps React**: Additional library for Google Maps integration.
- **Autoprefixer**: Adds vendor prefixes to CSS rules.

## Scripts

- `start`: Runs the application in development mode.
- `build`: Builds the application for production.
- `test`: Executes the test suite.
- `eject`: Ejects the app from `react-scripts` to gain full control over the configuration.

## Browser Compatibility

The application is optimized for modern browsers, with separate configurations for development and production environments.

## Installation

To get started with **andamanapp**, clone the repository and run the following commands:

```bash
npm install
npm start