Skip to content

feat: Add scholarship search with Algolia Autocomplete (#23) - #42

Open
tarai-dl wants to merge 1 commit into
atilatech:masterfrom
tarai-dl:rn/scholarship-search
Open

feat: Add scholarship search with Algolia Autocomplete (#23)#42
tarai-dl wants to merge 1 commit into
atilatech:masterfrom
tarai-dl:rn/scholarship-search

Conversation

@tarai-dl

Copy link
Copy Markdown

Summary

  • Added Algolia Autocomplete search to the Scholarships list page
  • Created reusable ScholarshipSearch component
  • Added Algolia configuration file
  • Updated ScholarshipsList to include search box

Changes

  1. package.json: Added Algolia dependencies (@algolia/autocomplete-js, @algolia/autocomplete-theme-classic, algoliasearch)
  2. src/algoliaConfig.js: Created configuration file for Algolia credentials
  3. src/components/ScholarshipSearch.js: Created autocomplete search component
  4. src/scenes/Scholarship/ScholarshipsList/ScholarshipsList.js: Added search box to the page

How to Test

  1. Replace placeholder Algolia credentials in src/algoliaConfig.js with actual values
  2. Run npm install or yarn install
  3. Navigate to the Scholarships list page
  4. Type in the search box to see autocomplete suggestions

Notes

  • The search box uses Algolia's autocomplete UI library
  • Search queries are passed to the existing search API
  • The component is reusable and can be added to other pages

Resolves #23

- Add Algolia dependencies to package.json
- Create algoliaConfig.js for configuration
- Create ScholarshipSearch component with autocomplete
- Update ScholarshipsList to include search box

Resolves atilatech#23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a Scholarship Search and Autocomplete feature ($50)

1 participant