Coding
-TEXT HERE
+Before coding our project, we needed to create our Firebase project for users to read and write data to. I setup our Firestore database to contain 2 collections: Users and Posts. The Users collection would store documents with each user's account details while documents stored in the Posts collection would contain data collected in a user's meal review.
+
+ After setting up our database, we began developing the screens. As the first interaction users would have with our app is logging in/signing up, I created the Login and Sign-Up pages. The Sign-Up page consists of a form that writes a new document to the Users collection in addition to adding the user to the Firebase authentication section. Similarly, the Login page compares the email and password inputted by the user with the email and password stored in Firebase's authentication section. To ensure that only Wellesley students are able to use our app and to hold our users accountable for what they post, I setup our account creation functionality to check if the user's email ends with "@wellesley.edu" and send a verification email to the user.
+ +
+ Once account creation and login were fully functional, I developed the Edit Profile feature of our app. Editing a user's profile read their profile information from their account document and allowed users to update their display name, pronouns, and add a profile image. These features allowed users to add a personal touch to their accounts.
+ +
+ The next feature to implement was displaying the user's profile information on their Profile page. This required reading data from the user's account document as well. An additional core function we wanted to include in our app was allow users to view their previously uploaded posts. We decided to display all posts made by a user on their Profile page, as it contains information personalized to them. To implement this, I created Javascript functions that parsed through documents in the Posts collection, finding each document whose author matched the logged-in user's username. While our Figma prototype displays the posts as images on the Profile page, we were only able to display posts' titles, location, and meal time due to time constaints.
+ +At this point in WellesEats' development, my partner had created the upload post and main feed features. Since I had experience reading and writing images to Firebase's image storage section, I implemented image upload and display for review posts as well.
+ +Once our core features were functional, I debugged issues displaying post data, filtering and conducted user testing.