https://github.com/glowiep/wikimaps
A collaborative mapping web app that allow users to discover and create maps with various points of interest.
https://github.com/glowiep/wikimaps
collaborative-project expressjs leaflet-plugins leafletjs lighthouse-labs map-application nodejs
Last synced: 3 months ago
JSON representation
A collaborative mapping web app that allow users to discover and create maps with various points of interest.
- Host: GitHub
- URL: https://github.com/glowiep/wikimaps
- Owner: glowiep
- Created: 2023-12-17T23:10:10.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-11T04:03:26.000Z (over 1 year ago)
- Last Synced: 2024-12-18T22:14:46.421Z (5 months ago)
- Topics: collaborative-project, expressjs, leaflet-plugins, leafletjs, lighthouse-labs, map-application, nodejs
- Language: JavaScript
- Homepage: https://wikimaps.up.railway.app/
- Size: 76.6 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🌎 WikiMaps
=========
Welcome to WikiMaps - A collaborative mapping web app that allow users to create maps with various points of interest, keep a list of favorites and contribute to maps on the Discover page.
Click here to view WikiMaps on your browser! Hosted on Railway by Gloria Lim
## ⭐ Features
1. Guests can explore a collection of public maps on the Discover tab.
2. Users can view their list of maps they own, and a list of maps they contributed to.
3. Users can create new maps set as either Public or Private, and add points to the map (including a point description and image URL).
4. Users can add and delete points from a map they have created.
5. Users can keep a list of favorites.
6. Users can contribute to public maps on the Discover page.
## 💬 Contributors
This was a Lighthouse Labs collaborative midterm project by:
- Gloria Lim
- Sebastian Varon
## 🏆 Project Goals
✅ Build a full-stack web application using the technologies and approaches learned to date.
✅ Turn requirements into a working product.
✅ Practice architecting an app in terms of UI/UX, Routes/API and Database.
✅ Use the major steps of software development to execute the project; user stories, wireframes, ERD, Routes, etc.
✅ Manage a multi-developer project with git while using git best practices.
✅ Collaborate with team members to decide how to break out the work, set good team structure, and dynamic.
✅ Present a web development project to a technical and non-technical audience.
## 📋 Entity Relationship Diagram
## 🔧 Dependencies
- Node 10.x or above
- NPM 5.x or above
- PG 6.x
- [bcrypt](https://www.npmjs.com/package/bcrypt)
- [chalk](https://www.npmjs.com/package/chalk)
- [cookie-session](https://www.npmjs.com/package/cookie-session)
- [dotenv](https://www.npmjs.com/package/dotenv)
- [ejs](https://www.npmjs.com/package/ejs)
- [express](https://www.npmjs.com/package/express)
- [express-session](https://www.npmjs.com/package/express-session)
- [morgan](https://www.npmjs.com/package/morgan)
- [sass](https://www.npmjs.com/package/sass)
## 💡 Acknoledgements
- Lighthouse Labs Node Skeleton
- Leaflet Library - Open-source JavaScript library for mobile-friendly interactive maps
- Open Street Maps for base map layer
- leaflet-sidebar-v2 - Responsive sidebar plugin for Leaflet
- ESRI Leaflet Geocoder - Plugin to allow address search functionality in Leaflet.
- Font Awesome - Icon library and toolkit
- Google Fonts - Directory of open source fonts
- Railway - Web App Hosting Platform