https://github.com/dyceszn/pokepeak

PokéPeak | Explore and mark Pokémon sightings on an interactive community-driven map. Developed with Vue, PokéPeak is part of dycelabs, a showcase of creative and engaging side projects, where innovation meets fun. Dive into the world of Pokémon and see what others are discovering!
https://github.com/dyceszn/pokepeak

firebase google-maps tailwindcss typescript vue

Last synced: about 2 months ago
JSON representation

PokéPeak | Explore and mark Pokémon sightings on an interactive community-driven map. Developed with Vue, PokéPeak is part of dycelabs, a showcase of creative and engaging side projects, where innovation meets fun. Dive into the world of Pokémon and see what others are discovering!

• Host: GitHub
• URL: https://github.com/dyceszn/pokepeak
• Owner: dyceszn
• License: mit
• Created: 2024-08-30T06:50:15.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-08T12:43:19.000Z (4 months ago)
• Last Synced: 2024-10-13T02:40:58.295Z (3 months ago)
• Topics: firebase, google-maps, tailwindcss, typescript, vue
• Language: Vue
• Homepage: https://pokepeak.vercel.app
• Size: 53.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PokéPeak

**Explore and mark Pokémon sightings on an interactive, community-driven map!** PokéPeak invites you to dive into a world where Pokémon enthusiasts can track and share their Pokémon discoveries. Developed with Vue, this project is part of **dyceLabs**, a collection of innovative and creative side projects. Join the adventure and see what others are discovering!

## Features

- **Minimal UI**: Enjoy a clean, user-friendly interface.

- **Info Windows**: View detailed information about Pokémon sightings directly on the map.

- **Interactive Map**: Explore and interact with the map to log and view Pokémon sightings.

- **Join the Community**: Contribute by logging your own Pokémon sightings and see what others have added.

- **Firebase Backend**: Utilizes Firebase for real-time data storage and management.

- **Axios for API Requests**: Employs Axios to handle efficient and reliable API interactions.

## Installation

To get started with PokéPeak, clone the repository and install the required dependencies:

```bash

git clone 

cd pokepeak

npm install

```

### Required Packages

- [Tailwind CSS](https://tailwindcss.com/) - For responsive and utility-first CSS.

- [Axios](https://axios-http.com/) - For making HTTP requests to external APIs.

- [Firebase](https://firebase.google.com/) - For real-time database and authentication.

- [@fawmi/vue-google-maps](https://www.npmjs.com/package/@fawmi/vue-google-maps) - Vue integration for Google Maps API.

## Contact

For questions or feedback, feel free to reach out to me at [[email protected]](mailto:[email protected]).

## Attributions

Special thanks to the creators of the icons used in this project:

- [Log](https://iconscout.com/icons/log) by [Feather Icons](https://iconscout.com/contributors/feathericons) on [IconScout](https://iconscout.com)

- [Eye](https://iconscout.com/icons/eye) by [Font Awesome](https://iconscout.com/contributors/font-awesome) on [IconScout](https://iconscout.com)

- [Eye](https://iconscout.com/icons/eye) by [Akveo](https://iconscout.com/contributors/eva-icons) on [IconScout](https://iconscout.com)

- [Find Location](https://iconscout.com/icons/find-location) by [lagot design](https://iconscout.com/contributors/lagotdesign) on [IconScout](https://iconscout.com)

- [Geotag](https://iconscout.com/icons/geotag) by [Prosymbols](https://iconscout.com/contributors/pro-symbols) on [IconScout](https://iconscout.com)

- [Alert](https://iconscout.com/icons/alert) by [Akveo](https://iconscout.com/contributors/eva-icons) on [IconScout](https://iconscout.com)