hightechu / hightechu-academy-meetmaps Goto Github PK

"MeetMaps" is a Web/Mobile App in Beta designed as an open-source project to make meeting friends more convenient. Built by the HighTechU 2021 Internship Team

Home Page: https://meetmapsapp.herokuapp.com

License: MIT License

JavaScript 3.03% TypeScript 61.51% HTML 18.91% SCSS 16.55%

high-school computer-science software-engineering web-application group-project hightechu university-of-victoria

hightechu-academy-meetmaps's Introduction

🧭 MeetMaps

Finding it difficult to meet with friends? Meet Maps let's you conviently plan meetup's with friends by locating the top 5 closest destinations to the center of your group. Now you can spend less time getting together, and more time actually together!

Join MeetMaps here: https://meetmapsapp.herokuapp.com/ -- Google Playstore App Coming Soon

🌎 Our Mission

After a socially difficult year, we want to be ready to bring people back together once deemed safe. Our team is aware of the importance of social interaction and has built this tool to make that as convienent as possible.

📋 Key Features

Create a secure account with a username, email and password.
Log In to your account and stay logged in until you manually log out.
Create a new group with a group name.
Access all the groups you're in and navigate between them
Enter a group and view it's current members
Invite new members to your group
Leave a group
Go to your inbox to accept or decline incoming invitations
View the location of all your group members
Get access to the top 5 most effeciant places to meet as a group
View info on the 5 generated locations such as rating and price.
Access the integrated directions feature that easily navigates you to your chosen destination.

⚙️ Tech Used

🚀 How to launch locally

Download or clone the repository
Download node if you haven't already here: Node Download
Install the ionic cli using npm install -g @ionic/cli from the command line
Navigate to the local repository you downloaded and run npm i in the command line
Now run ionic serve in the command line and after a minute or so your local server should automatically launch in your default browser.

📤 Contributing

There are two main ways in which you can participate in the project:

Submit bugs and feature requests
Contribute to the code base through source code changes

Learn more in our Contributing Document

📜 Code of Conduct

Open Space abides by the CNCF code of conduct. Here is an excerpt:

As contributors and maintainers of this project, and in the interest of fostering an open and welcoming community, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.

If you believe someone is violating the code of conduct we ask that you report it to our email [email protected]

💡 Feedback

We are always looking to improve so your feedback is appreciated. Here are some ways you can give your feedback.

📢 Communication

Come to talk to us!

[email protected] - Email us with any questions, or just to say hi!

⚖️ Licence

This project uses the MIT Licence

hightechu-academy-meetmaps's People

Contributors

Stargazers

Watchers

hightechu-academy-meetmaps's Issues

write and dubug a addUserToGroup function

This function will be used when a new group is created to add the owner, and when users accept invites to groups.

Make profile button open a pop up

Find Meet location

As a user
I want to find a central location of interest
So I can meet my friends

When a group is clicked, show the group name, and all the users in the group

This will replace the space on the screen that is showing all your groups.

deploy Master after fixing package.json

Align main page tables

Menu Sidebar

Add a menu icon button in the top left corner of every page.
Make it so this button opens a sidebar menu popup.
Add buttons to the popup in order to navigate around the app.

Add vote button that opens popup where user can view votes, and vote themself.

CSS resizing of large or xL window-sizes (Bootstrap)

Integrate easy deployment for developers wanting to contribute.

Sign Out

Add a button labeled "Sign Out" in the sidebar menu.
Make it so this button logs out of the user's account and returns them to the login/signup screen.

Profile

As a logged in user
I want to see my saved profile data
So I can edit it

Fix: User Data not loading Bug

If the user manually navigates to the menu without being signed in and then signs in, their data won't load since the menu page has already been instantiated, and "ngOnInit" won't run again

Add "Meetup" Feature

Add a meetup button inside the group page
Have the app check if your location has changed every (x) seconds and update their current position in the data base if it's changed
OnClick of the "Meet button" return all the positions from each member of the group and find the central position.
Send a query to the Maps API from the center point, searching for the 3 closest locations that meet the filter requirements.
Draw a pin on each location, to display location data when clicked

Make groups in the group list on the Groups page into buttons.
Have each button take you to that specific group's map (which displays other group members and possible meetup locations).

Add a button to the Groups page labeled "Create Group".
Make it so this button opens a popup, which allows you to fill in a group name and create the group.

Add a button on the map page of a group, labeled "Invite group members".
Make it so this button opens a popup, which allows you to invite more group members via typing in their username(s).

Setup a Gmail account
Setup a firebase project
Connect the project to the firebase
Create a sign up button that opens a popup
Have the popup ask for username, email, password, and confirm password
Check that there are no errors in the users data
Pass the user input into the database to create the new user
Log the user in and send them to their groups page

Add a button in the sidebar menu labelled "Invitations."
Have this button take you to the invite inbox page (must be created).
Have any incoming group invitations be displayed in the inbox, with buttons for accepting/rejecting the invite.

Groups Page

The main page on logging on to the app should be "Groups."
Groups page should have a list of the user's current groups.

Create a login button that opens a login popup.
Have the popup ask for the username and password
Check that both are valid inputs
Check the username exists in the data base and the password matches it
Throw an error if username/password is invalid
If the username exists and matches the password, log the user into the app onto their groups page

Android Deployment

Start an ionic angular project
Make sure everything is formatted for mobile.
Add capacitor to the project
Add an android build to capacitor
Open it in android studio
Send to mobile device from android studio
Deploy to app store.