Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/veronika-pomy/hike
Hike, a MERN app that seamlessly integrates Google search and saving functionalities while providing real-time weather information for your chosen destinations.
https://github.com/veronika-pomy/hike
expressjs google-maps-api mern-stack mongodb nodejs reactjs weather-api youtube-api
Last synced: 10 days ago
JSON representation
Hike, a MERN app that seamlessly integrates Google search and saving functionalities while providing real-time weather information for your chosen destinations.
- Host: GitHub
- URL: https://github.com/veronika-pomy/hike
- Owner: veronika-pomy
- License: mit
- Created: 2023-07-12T00:40:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-21T21:43:21.000Z (about 2 months ago)
- Last Synced: 2024-12-21T22:28:07.400Z (about 2 months ago)
- Topics: expressjs, google-maps-api, mern-stack, mongodb, nodejs, reactjs, weather-api, youtube-api
- Language: JavaScript
- Homepage: https://drive.google.com/file/d/1cUsPocsq5STcnjbRN7FEqXQPs6S0MhKG/view?usp=sharing
- Size: 61.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hike
[![License][license-shield]][license-url]
## Table of Contents
## Description
Hike is your ultimate companion for all things hiking! This application allows you to seamlessly explore, save, and plan your hike routes while providing the convenience of checking the weather in your desired destinations.
## Demo
Check out the video demo [here](https://drive.google.com/file/d/1cUsPocsq5STcnjbRN7FEqXQPs6S0MhKG/view?usp=sharing).
https://github.com/veronika-pomy/Hike/assets/111567114/427f20d3-4b58-4279-aeac-de58ea9583a7
Incredibly proud of the MVP concept and design, the app is constantly evolving with a focus on expanding its features. Upcoming enhancements include personalized video integration with YouTube and social media apps, enabling users to share their adventures and businesses to connect with clients and fostering brand growth.
## Features
Hike Exploration: Discover a wide range of exciting hiking routes tailored to your preferences. Explore the beauty of nature and experience the thrill of new adventures.
Hike Saving: Found a hike you love? Save it for future reference with just a click. Easily build your personal collection of favorite trails.
Weather Check: Planning is made easier with real-time weather information. Check the weather conditions at your chosen hiking destination before you hit the trails.
## API Integration
The Hike integrates the following APIs to provide enhanced functionality:
- [Google Maps API](https://developers.google.com/maps): Harnessing the power of Google Maps, this API enables users to visualize hiking routes with accuracy. Explore trails, view terrains, and plan your journey with ease.
- [OpenWeather API](https://openweathermap.org/api): Stay prepared by utilizing real-time weather data from the OpenWeather API. Check the weather conditions for your desired hiking locations to ensure a safe and enjoyable adventure.
- [YouTube API](https://developers.google.com/youtube/v3): Enhance your hiking experience by previewing videos of various trails. The YouTube API seamlessly integrates relevant videos to give you a glimpse of the breathtaking sceneries awaiting you.
## Technologies
The Hike application is built using modern technologies to ensure a seamless user experience:
- [React](https://react.dev/): Dynamic and interactive interface.
- [MongoDB](https://www.mongodb.com/): Storing and managing data.
- [Node.js](https://nodejs.org/en) & [Express](https://expressjs.com/): Back-end for creating a robust foundation for data handling and routing.
- [Chakra UI](https://chakra-ui.com/): Visually appealing and user-friendly design.
- [Elastic Email](https://elasticemail.com/?gclid=Cj0KCQjwl8anBhCFARIsAKbbpyQu4FcQ4FsIWBd7dlOqbQpxgMVMxq07_HMsNX5r5gH0Us4dx4R7TZUaAtX3EALw_wcB): Notifications, updates, user communication.
- [React Hook Form](https://www.react-hook-form.com/): Managing and validating form input.
- [React Google Maps](https://www.npmjs.com/package/@react-google-maps/api): Visualize hiking routes and plan your journey with ease.
- [GraphQL](https://graphql.org/): Optimized database operations.
- [Mongoose](https://www.npmjs.com/package/mongoose): A robust Object Data Modeling library for MongoDB.
- [JSON Web Token](https://jwt.io/): Secure user authentication and authorization.
- [Font Awesome](https://fontawesome.com/): Enhanced user interface.
- [Nodemon](https://www.npmjs.com/package/nodemon): Streamlined development server.
- [concurrently](https://www.npmjs.com/package/concurrently): Concurrent client and server commands.
- [moment](https://www.npmjs.com/package/moment): Date formatting.
## Get Started
- Clone the repository: `git clone https://github.com/veronika-pomy/Hike`
- Navigate to the project directory: `cd hike`
- Install dependencies: `npm install`
- Start the development server: `npm run develop`
- Set Environment Variables: For security and API access during development, create an .env file and add your API keys and sensitive information as environment variables
## Contributing
Community contributions are welcome! If you find any bugs, have suggestions, or want to add new features, please open an issue or submit a pull request.
My contact email is [email protected].
## License
This project is licensed under [the MIT License](https://github.com/veronika-pomy/Hike/blob/main/LICENSE), allowing you to modify and distribute the code for personal and commercial purposes.
[license-shield]: https://img.shields.io/badge/license-MIT-blue?style=for-the-badge
[license-url]: https://github.com/veronika-pomy/Hike/blob/main/LICENSE