Unofficial DuckDuckGo app built in React Native
Note: This is not the official DuckDuckGo App but a Fan-made. I made it only for Learning purpose.
Find it on Expo: https://expo.io/@kiok46/duckduckgo
Use the expo-branch branch to run the application using expo, please do the following:
npm install exp --global
git clone https://github.com/kiok46/duckduckgo.git
cd duckduckgo
git checkout expo-branch
npm install
Method: 1
exp start
scan the QR-code and test it on real device
Method: 2
Open the expo app on your device and open the project
Please do the following to run.
git clone https://github.com/kiok46/duckduckgo.git
cd duckduckgo && npm install
then run react-native run-ios or react-native run-android
The app is using a sample data which is in src/constants/data.json
You can use DuckDuckGo's API or any other API api by updating the SearchList component from here componentWillMount when onSubmitEditingSearch gets called.
Showing the search results wasn't the main goal but the UI when building the app. But sure PR is welcome. :)
Some of the gists which I wrote when I was building the application.
- NoItemComponent
- Change the Color of Custom tabs when they change.
- Search HistoryCard List like in DuckDuckGo app.
- Cool cards, with overlay buttons like in DuckDuckGo app.
- Custom Tabs in React-Navigation) values.
- Setup AsyncStorage and store boolean(true/false) values.
- Action Creators and Reducers
- Redux Setup
I would love that, please create an issue or send a PR.