As a user, I arrive initially on the landing page. I will see a "where my beaches at?" button. When I click on that button, I will be taken to the main "all beaches" page.

As a user, I can get to the Activities page by clicking the Activities button from the All Beaches page (navigation panel). The activities page will have an activities cards for each activity including:

• Swimming
• Swimming with Caution
• Surfing
• Fishing
• Kayaking
• Volleyball
• etc.

These can be clicked on and render a pop-up which will then list each beach the activity is available at.
You can exit out of the card to go back to the full activities page.

may layout responsive

Needs text and layout/styling

As a user, I can click through an image carousel to see images and respective copy regarding the bigger buckets included in the data set, like activities, amenities, and counties. This acts as a great introduction to what type of information I, as a user will find on the app.

Filter makes you click on All Counties each time before you can properly render a specific county.

Develop functionality for individual beach card component pop-up and removal from screen.

As a user, I initially see all the beaches listed by county North to South with a beautiful image and name of the beach. I can click on each of the images to render a pop-up that provides even more information on the individual beach, including:

• county
• water rating
• pier
• pet-friendly
• food-service
• facilities
• camping
• activities
• hours
• fire-pits

I can exit out of the card to get back to all the beaches viewpoint.

Add dev dependency for sass and reorganize styling into respective component scss files. Import component files into main.scss file.

Create layout/design for individual beach cards including all properties in the data set.

add header to beach component and style

For in-class presentation

Use CSS3 to add glowing sun to splash page

add fetch all for both apis

get initial functionality working beach component initial functionality

Add in functioning landing page

For all components, including App.js

Align on background image, layout, overall design.

Add more detail about what the page if for.

Add overall layout styling and organization to all beaches page. Currently just scrolling through all. Cards should have the name of the beach and image.

Add image carousel to beaches component, rendering above the filter

Add input field and dropdown for filtering beach cards by specific data-points. Data-point TBD

Needs to be able to hover & add pointer to let the user know it is a button.

Change static maps to interactive maps.

Look at using https://leafletjs.com. Will allow to pin each beach.

Template for DTR Memo
Project:
Group Member Names: Elly Torres, Libby Yeh & Kristen Hallstrom
Project Expectations: What does each group member hope to get out of this project?
Elly: A good understanding of react and lots of practice
Libby: Increased time with react
Kristen: To learn how react works
Goals and expectations:
Elly: To have a functioning version 1 App that looks nice
Libby: A beautiful Ui and a functioning mvp, have fun as a team
Kristen: A good looking mvp.
Team strengths:
Elly: Can Hyper Focus. Has an inherent understanding of southern California and it’s beaches
Libby: Design and UI, basic react knowledge.
Kristen: Photoshop, design and ui
How to overcome obstacles:
As a group: talk to each other first , then pair and reach out to other students/mentors and then teachers.
Schedule Expectations (When are we available to work together and individually?):
week 1
8:45am check in before class
Use afternoon work time together
Split up work before we go home for the night
Over Break
Elly: 23 - 27 in CA
Libby: 25 - 30 in CO Mountains
Kristen 27 - 30 in MN
Communication Expectations (How and often will we communicate?
How do we keep lines of communication open?):
Daily if possible except Christmas Day,
Set up group slack
text if necessary.
Abilities Expectations (Technical strengths and areas for desired improvement):
Elly: a more equal division of labor in the group
Libby: more react
Kristen: more react and feeling equal
Workload Expectations (What features do we each want to work on?):
As a group: Let's try to front load work. If you get stuck while working remotely it’s okay to reach out for help.
Workflow Expectations (Git workflow/Tools/Code Review/Reviewing Pull Requests):
Git Hub Issues, Git workflow.
Expectations for giving and receiving feedback:
As Group: Please be honest and kind, celebrate the little wins
Ideas: App for finding the best beaches, we can picture to make it better.
Tools: Git, Github, slack, react
Additional Notes: Lots of feelings