apandey16 / meat_and_feat

Eat&Greet

Coding Practices:

• Branch before making a change. NEVER edit or make changes on main directly
• Follow the merge steps within the git repo to merge into main
• Anytime changes are made and merged into main, run git pull --rebase in your local repo to safely update it

Dev Setup:

• Setup the stuff for React Native (like NodeJS, NPM, etc)
• To run the server go the the Eat_and_Greet folder and then run npx expo start
  • If you want to run a local emulation:
    • npm run android
    • npm run ios (MacOS only)
• To view the app server you can create a local emulation of the phone or download Expo Go and scan the QR code in the terminal
• To get the Web API key, downwolad the .env file in the Google Drive and add it to your local repo (the .env file will never be pushed becuase it is in the .gitignore)

Documentation:

• React Native
• Expo Go

meat_and_feat's Issues

Build Home Page

Build the home page according to the figma, can change shape of buttons as desired.

[UI] Put the Logo on the Log-in Page

Need to put the logo in the assets folder and display it on the main page centered.

[UI] Create the button for the main home page navigation

Set-up React Native

We need to setup the framework for the React Native app

[UI] Create Specific Chat Page

Create the Specific Chat Page as can be seen in the figma (Example Chat).

[FUNC] Optimize selectInterests.tsx with a loop

                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Park' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Walk' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Runs' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='TV' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Games' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Gym' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Sport' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Meals' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Cars' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Music' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Study' buttonSize={buttonSize} borderRadius={borderRadius}/>
                <CircularButton onPress={() => Alert.alert("Clicked Button", "Selected Interest")} title='Other' buttonSize={buttonSize} borderRadius={borderRadius}/>

[DOCS] Add Design Pattern to Shared Docs

Everyone complete and add 3 design pattern (class diagrams) to the shared doc

[UI] Create View Event Page

Create the view event page as is seen in the figma.

[FUNC] Update why message data is sent

I'm thinking we should create an optional prop to signify who said a message in a groupchat instead of it as part of the message. This is unnecessary for now though, will be needed when adding functionality -- Rob from main chat page PR

[UI] Build Browse Forums Page

Create the Browse Forums page as is seen on the Figma

[DOCS] Add IS to the shared Docs

Everyone finish and add 3 Internal Steps to shared doc

[UI] Create textbox component

make a text box that's default text can be modified via props

[BUGFIX] Make CornerButtons call OnPress When Anywhere On Button Pressed

Currently, CornerButtons can only call the OnPress function when the text is pressed. Should be called whenever anywhere within button is pressed

[COMP] Rename RoundedHomeButton to RoundedButton

[FUNC] Optimize Toolbar.tsx

consider putting the paths in two arrays or hashmaps (blackImagePaths & whiteImagePaths) based on their color, for ordering.

[UI] Update Home Screen Stylings to Include Dynamic Text Sizing

[FIGMA] Create Profile Page Outline

[FUNC] Optimize App.tsx for Onboarding Pages

Make this a for loop

<OnboardingNavigation.Navigator>
<OnboardingNavigation.Screen name="Basic Info" component={BasicInfo} />
<OnboardingNavigation.Screen name="Confirmation" component={Confirmation} />
<OnboardingNavigation.Screen name="ID Verification" component={IdVerify} />
<OnboardingNavigation.Screen name="Select Interests" component={SelectInterests} />
<OnboardingNavigation.Screen name="Email Verification" component={EmailVerify} />
</OnboardingNavigation.Navigator>

[FUNC] Add login functionality

[FUNC] Check if Date & Time are valid for Post Event

Right now any string can be entered, should only be valid dates or times

[UI] Create Button Component

Background Info:
Throughout the project it is important to maintain consistency between major decision buttons (ie. sign in, sign out, delete account, enroll in event, ...) to not confuse the user.
Solution Overview:
Create a curved button component with set styles with customizable name

[COMP] Make rectangular image component

Make a component mentioned in the EventScreens comments for an image to be placed.

[FUNC] Update the way chat messages are created

use a array and map elements

[SETUP] Move Comps Folder Into Src Folder

move comps folder into the src folder, and organize comps folder.
Move icons images to the assets folder.
Remove non toolbar components from toolbar folder

[FUNC] create Firebase link/backend

added everyone as a owner and set up a EatnGreet email address.

[UI] Create Settings Page

Create a settings page, maybe mess around with a figma first. Low priority.

[UI] Add EventSpots & Event Description to PostEvent

Rn event view has spots filled & description, but post event has no way of entering them

[FUNC] Optimize EventsScreens

Map PostContainers in browse.tsx
Move stylesheets to separate file
Maybe replace ImageContainer View with the ChooseImageButton prop in post.tsx
Nitpick: In post.tsx, start a new line for each new component instead of ending a comp & stating a new one on the same line

[FUNC] Connect Toolbar to Navigation

Currently toolbar is non functional. Make buttons usable by connecting them to react navigation in the same manor that the login page's 'CornerButtons' do

[UI] Create Chats Page

Create the Chats Page as seen in the Figma. Chats should be clickable to redirect to a specific chat page.

[UI] Fix Browse Event UI with Scroll Container

Currently Scroll Container is cutting off some events, could display more within inner container. But because of the established stylings this is not straightforward

[FUNC] add third party providers for onboarding

this includes the email verification and the ID.me stuff

[UI] Build Profile Page

Create the Profile Page as is seen on the Figma. May require creating a circular version of the image component and a different color button.

[FUNC] Add Author Prop & Image Prop to Specific Event Header

Add author prop so that author & image can be changed for each different groupchat instead of hardcoded

[FUNC] Add onboarding functionality (just data from user)

this includes the form and creating a new account for the user but none of the third party stuff

[FUNC] make upload image work and link it to a profile

Build Onboarding Pages

Look at Figma for onboarding pages format

[UI] Create NavBar

Create the Nav Bar to put at the top of screens. Should not be on the log in page or onboarding, but most others.

[UI] Build Post Events Page

Create the Post Events page according to the figma design.

[FIGMA] Create Onboarding Pages Outline

[Component] Create Choose Image Button

Create a button that on click allows you to place an image.

[FUNC] Create dynamic pages for View Event

[UI] Fix Styling for smaller phones

works on Pro Max and Pro sizes

[FUNC] Added React Native Navigation

Add navigation library, and configure App.tsx to solely be a 'Navigation Container' with the different screens & routes.
Move toolbar to src/screens/HomeScreen
Move logo image to src/screens/LoginScreen
Update corner buttons to make navigate

[UI] Make Intermediate Login Page

Change current log in page to 'title page' and create intermediate login page.

[FUNC] Implement ScrollView Instead of View on each page's inner container

Some pages may need scroll method in another container as well (ex: example chat), but everything should have some sort of scroll.

[FUNC] Connect PostEvent to database

Connect PostEvent to database, add event to database when 'Post Event' is clicked

[BUG] Fix API Issue

[FUNC] Configure PostEvent & Event to Userbase

Once userbase is completed:

• add attendingUsers field to events in database,
• add user who created event as host (and in attendingUsers)
• have browseEvent determine spots left from attendingUsers & eventSpots

[UI] Create Browse Events Page

Create the Browse Events UI page as seen in the Figma