GreenUp allows users to incorporate more environmentally friendly activities into their daily lives, while engaging in friendly competition with other users.
As a user, I want to be able to view my profile page, which shows my profile photo, name, location, and buttons that will navigate me to my 1. my activities page, 2. an all activities page 3. the scoreboard page, and 4. an 'edit profile' page
Development
Create a component called UserProfile
fetch the user's data using the getSingleUser function from the userData.js file
Add the user's photo to the page, with their name and location displayed underneath
Add four bootstrap buttons - 'My Activities', 'All Activities', 'ScoreBoard', and 'Edit Profile'
My Activities routes to the userActivities component - /myactivities
All Activities routes to /allactivities
ScoreBoard routes to /scoreboard
Edit Profile opens a modal that is auto-filled with their current user information
Example:
User Story
As a user, I want to be able to view my profile page, which shows my profile photo, name, location, and buttons that will navigate me to my 1. my activities page, 2. an all activities page 3. the scoreboard page, and 4. an 'edit profile' page
Development