search

smilewithkhushi / BasicNative

A set of beginner friendly mini projects built with React Native. Participating in GSSoC. Open to contributors
11 stars 24 forks source link

Movie Finder and Color Generator #31

Closed Manaswini123456 closed 1 month ago

Manaswini123456 commented 1 month ago

This PR adds a new screen to the app for searching movies and retrieving their data using the OMDb API. The OMDb API is a popular choice for accessing movie and television information, and integrating it into our app enhances the user experience by allowing them to search for movies easily.

Changes Made

  1. Added a new screen for searching movies (MovieFinder.js).
  2. Integrated the OMDb API to fetch movie data based on user search queries.
  3. Styled the search screen and added UI components for input and search button.
  4. Handled loading and error states while fetching movie data.
  5. Displayed search results in a list with movie titles, posters, and additional details.

HomeScreen Search Screen

Additional Notes

  1. Any feedback or suggestions for further improvements are welcome.

IMPORTANT INFORMATION

Some people have mentioned of getting error of the below sort: image

What they can do? Ans. In order to tackle with that package.json had to be changed and then 'npm i' had to be done. The major change was the deletion of the fresco part of the package.json and then the inclusion of 'react-native-fast-image'

Manaswini123456 commented 1 month ago

@smilewithkhushi kindly merge this PR

smilewithkhushi commented 1 month ago

@Manaswini123456 i need to review some conflicting files! will merge this PR in a day or two (a lil occupied with end sems) i hope you'll understand! Great work btw <3

Manaswini123456 commented 1 month ago

@smilewithkhushi Thank you so much Khushi. No worries, also All the best for your end semester exams.

Manaswini123456 commented 1 month ago

@smilewithkhushi I have worked upon the issue and attaching the screenshots regarding the same.

WhatsApp Image 2024-05-14 at 01 31 15_2c9f1b59

COLOR GENERATOR: WhatsApp Image 2024-05-14 at 01 31 15_5a1f192b

Changes Made:

  1. Added a folder called HexColorGenerator
  2. Within the folder added HexColorGeneratorScreen.js to generate random colors.
  3. Using Math.random() and other function tried to generate random colors with showing their Hex Code, RGB and RGBA codes
Manaswini123456 commented 1 month ago

@smilewithkhushi Kindly check the PR and let me know whether any change is required.

Manaswini123456 commented 1 month ago

@smilewithkhushi Thank you so much.