walk-with-friends

A full-stack JavaScript and React web app that encourages an active lifestyle by allowing users to create walking routes on a map and share them with friends

Live Site <-- To preview the app, log in as "demo" user with the pre-filled-in credentials

Current Feature List

1. User can look up three locations they want to add to a route
2. User can view the mapped route
3. User can view the route details
4. User can view a list of saved routes
5. User can share a walking route with friends
6. User can add a date and time to a saved route
7. User can delete a date from a saved route
8. User can delete a route from their saved routes
9. User can view a list of routes that friends have shared with them
10. User can view a leaderboard of distance walked among their friends in the past week
11. User can add a friend by searching their username
12. User can accept or delete a friend request from another user

Planned Additions

• User can change their username or password
• User can edit their name
• User can un-share a route
• User can remove a friend

What I Learned

• Try to think about database design and how the data tables will be organized early on because this will determine how you'll write the fetch requests to the server
• If you're using a third-party API, it pays to thoroughly read and comprehend the documentation on how to properly integrate it into your app
• As a developer, you must consider as many edge cases as possible to make sure the app does not break when it's being used in the real world
• Prepare to spend lots of time testing all the pages with various screen sizes to make sure the app is dynamic and responsive!