Split Home Page + Event Page

[NwinNwin]

Home Page

• Link to Home Page Figma

Event Page

• Link to Event Page Figma

Description

• Design team decided to split our current Home page (localhost:3000/ or pages/EventsPage.jsx) into two pages:
  • Home Page
    • display events, impact summary + export data, fuzzy search upcoming event
  • Event Page
    • adding new event, fuzzy search events, filter event by location and date

Your Goal:

Home Page

• Make a new page /pages/HomePage.jsx
  • very simliar to our current EventsPage.jsx but without the CreateEvent button
• Connect the route localhost:3000/ to HomePage.jsx in App.jsx
• Modify NavBar so it navigate to Home Page when Home Button is clicked

Event Page

• Rename pages/EventsPage.jsx(plural) to pages/EventPage.jsx (singular)
• Make a new route localhost:3000/event and connect it to pages/EventPage.jsx
• Remove the Impact summary dashboard, add Filter by location and date functionality:
  • Filter Location:
    • A dropdown of all locations we retrieve in that page
  • Filter Date:
    • filter and display events that match the selected date

Resources

• Link to Home Page Figma
• Link to Event Page Figma