This assignment requires you to build a search bar component for a React Native application using Expo. The search bar should provide live suggestions as the user types, and navigating to a dedicated search results page when a suggestion is selected.
- Search Bar UI: Implement a basic input field where users can type their search queries.
- Live Suggestions: Display a dropdown list of matching suggestions as the user types. Each suggestion should include:
- A small thumbnail image.
- The title of the result.
- On Click: When a user taps on a suggestion, navigate them to a "Search Results" page.
- Search Results Page: Create a separate page to display a list of all results that match the search query. This page should show cards for each result, including the title and potentially view/like counts.
Bonus: Feel free to add interactions and transitions to enhance the user experience.
You can find the design details in the Figma file here: Figma Design Link
You have been provided with a base Expo application. This template includes the necessary setup and, importantly, the correct fonts matching the Figma designs are available within this project.
- Ensure your project is in a GitHub repository.
- Create a screen recording demonstrating your implementation.
- Submit by mailing to hello@glitch.house or via Internshala's chat, including the screen recording and the GitHub repository link.
We expect you to complete the project within 2 days from the start date.
If you have any questions or need clarification, feel free to reach out:
- Email: hello@glitch.house
- Number: +91-8838506252
All the best ;)
- Glitch.house