Skip to content

riteshk-007/ri_shore

Repository files navigation

image

Ri Shore

Ri Shore is a web application that provides information and details about various shorelines around the world. It allows users to explore different coastal areas, learn about their features, and access related resources.

Features

  • Shoreline Information: Users can search for specific shorelines and retrieve detailed information about them, including location, climate, flora and fauna, and popular activities.
  • Photo Gallery: Each shoreline has a dedicated photo gallery showcasing stunning images of the area.
  • Visitor Reviews: Users can read and submit reviews about their experiences visiting specific shorelines.
  • Interactive Map: The application provides an interactive map that allows users to visualize the location of different shorelines.
  • Favorites List: Users can create a list of their favorite shorelines and easily access them later.
  • Responsive Design: The application is optimized for various screen sizes and devices.

Installation

To run the application locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/riteshk-007/ri_shore.git
  1. Navigate to the project directory:
cd ri_shore
  1. Install the dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your browser and visit http://localhost:3000 to access the application. image image

Technologies Used

  • React
  • React Router
  • Redux
  • Leaflet (Map Library)
  • Unsplash API (for photos)
  • Firebase (Authentication, Firestore)

Project Structure

The project structure follows the standard React application structure:

  • public/: Contains the static files and the HTML template.
  • src/: Contains the source code for the application.
    • components/: Contains reusable UI components.
    • containers/: Contains the main components that represent different pages of the application.
    • redux/: Contains the Redux store setup, actions, and reducers.
    • firebase/: Contains the Firebase configuration and utility functions for interacting with Firebase services.
    • utils/: Contains utility functions used throughout the application.
    • App.js: The main component that handles routing and rendering of different pages.
    • index.js: The entry point of the application.

Contributing

image

Contributions are welcome! If you find any issues or would like to add new features, please open an issue or submit a pull request on the GitHub repository.

License

This project is licensed under the MIT License. image image

Acknowledgements

  • The project utilizes the Unsplash API to display photos of shorelines.
  • Special thanks to the creators of the libraries and frameworks used in this project.

Contact

If you have any questions or suggestions, feel free to reach out to the project owner: