search

OpenSourceFellows / ally-guide-app

The original Program Equity app
MIT License
1 stars 0 forks source link

🎨 🖼 ⚙️Give: Overall Page Requirements #70

Closed manishapriya94 closed 3 years ago

manishapriya94 commented 4 years ago

Moqup:

Screen Shot 2020-07-24 at 3 20 41 AM

Circulate Page Laundry List

Frontend: Figma BackEnd: [Airtable API documentation](https://airtable.com/appamjI9CHzLJhPrO/api/docs#curl/introduction)
Querying Front End **_Display of search default_**
  • Search bar
  • Circles of causes (a starting place) **_Display Search Results:_**
    • Remove squares when search is input +
    • Display of search results
      • Filters and Sorting
    • Images and color matched by cause type
    • Styling of information on card

      Final UI

Query optimized:

API data formatting

  • Causes broken up from array
  • Filter connected to match database
  • Sorting alphabetically and by ascending/descending

    Analytics for funds

    Variables: fundGoal, fundcurrent, percentofGoal

Where to start? Collaboration Timeline

Comment below on the issue you're interested in solving so others can collaborate with you. Have questions? Tag the following people: 🖼 Frontend - @mahrsbar, ⚙️Backend - @BeeXiong, 🎨Design - @jjjaney

Team Timeline/Priority Issue
Design (Graphics) 2 weeks, start 7/22 Icons for circulate
Design (Site) start: 7/30 Final UI Design
FrontEnd 1 week Implement search default buttons, wait on BackEnd to route data function
BackEnd 2 weeks Optimize query with data formatting ( match use cate + filter + sort)
BackEnd 1 week Adding User Analytics
FrontEnd 1 week Implement filtering and sorting
FrontEnd/Design 1.5 weeks Final UI, frontend add in analytics

Final UI Design

Mobile UI

manishapriya94 commented 4 years ago

@BeeXiong @mahrsbar @teenage-witch @hashtagchris