first commit

App.js

@@ -3,6 +3,9 @@ import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
+import { Provider } from 'react-redux';
+import { store } from './redux/store';
+
 //import screens
 import {
  Budget,

endpoints/allerges.js

@@ -0,0 +1,5 @@
+import axios from '../services/api';
+
+export function fetchAllergens() {
+ return axios.get('/allergens');
+}

endpoints/catergories.js

@@ -0,0 +1,5 @@
+import axios from '../services/api';
+
+export function fetchCategories() {
+ return axios.get('/categories');
+}

endpoints/hungers.js

@@ -0,0 +1,6 @@
+import axios from '../services/api';
+
+export function fetchHungers() {
+ return axios.get('/hungers');
+ console.log('working');
+}

endpoints/meals.js

@@ -0,0 +1,11 @@
+import axios from '../services/api';
+
+export function fetchMealdetails() {
+ return axios.get('/meal/:id');
+}
+
+export function fetchFilteredMeals() {
+ return axios.get(
+ '/country/:country/city/:city/meals?minBudget=X&maxBudget=Y&id_hunger=Z&id_fancy=A&allergens=B&avoid_meals=C'
+ );
+}

package.json

@@ -15,6 +15,8 @@
  "@react-navigation/native": "^6.1.1",
  "@react-navigation/native-stack": "^6.9.7",
  "@react-navigation/stack": "^6.3.10",
+ "@reduxjs/toolkit": "^1.9.1",
+ "axios": "^1.2.2",
  "expo": "~47.0.12",
  "expo-font": "~11.0.1",
  "expo-status-bar": "~1.4.2",
@@ -29,7 +31,8 @@
  "react-native-responsive-screen": "^1.4.2",
  "react-native-safe-area-context": "4.4.1",
  "react-native-screens": "~3.18.0",
- "react-native-vector-icons": "^9.2.0"
+ "react-native-vector-icons": "^9.2.0",
+ "react-redux": "^8.0.5"
  },
  "devDependencies": {
  "@babel/core": "^7.20.12"

screens/HowHungry.js

@@ -1,9 +1,33 @@
 import { Ionicons } from '@expo/vector-icons';
-import React from 'react';
-import { View, Text, Pressable } from 'react-native';
+import React, { useEffect, useRef, useState } from 'react';
+import { View, Text, Pressable, Button } from 'react-native';
 import config from '../config';
 
+import { fetchHungers } from '../endpoints/hungers';
+
 export default function HowHungry({ navigation }) {
+ const [hungers, setHungers] = useState([]);
+
+ async function fetchHungersFromApi() {
+ const { data } = await fetchHungers();
+ setHungers(data);
+ console.log(data.i);
+ }
+
+ useEffect(() => {
+ fetchHungersFromApi();
+ }, []);
+
+ // const [name, setName] = useState('');
+
+ // // Creating a ref Object using useRef Hook
+ // const textRef = useRef(null);
+
+ // const onPressFunction = () => {
+ // const el2 = textRef.current;
+ // console.log(el2);
+ // };
+
  return (
  <View
  style={{
@@ -45,15 +69,15 @@ export default function HowHungry({ navigation }) {
  paddingLeft: config.deviceWidth * 0.1,
  }}
  >
- <Text
+ {/* <Text
  style={{
  justifyContent: 'flex-start',
  fontSize: 35,
  color: '#1B463C',
  }}
  >
  How hungry are {'\n'}you?
- </Text>
+ </Text> */}
  </View>
 
  <View
@@ -66,6 +90,8 @@ export default function HowHungry({ navigation }) {
  }}
  >
  <Pressable
+ // onPress={() => onPressFunction()}
+ onPress={() => onPressFunction()}
  style={{
  backgroundColor: '#D9E7E4',
  marginTop: config.deviceHeight / 16,
@@ -77,10 +103,10 @@ export default function HowHungry({ navigation }) {
  marginBottom: config.deviceHeight / 33,
  }}
  >
- <Text style={{ color: '#1B463C' }}>Very Hungry</Text>
+ <Text style={{ color: '#1B463C' }}>{}</Text>
  </Pressable>
 
- <Pressable
+ {/* <Pressable
  style={{
  backgroundColor: '#D9E7E4',
  alignItems: 'center',
@@ -107,10 +133,10 @@ export default function HowHungry({ navigation }) {
  }}
  >
  <Text>Hungry</Text>
- </Pressable>
+ </Pressable> */}
  </View>
 
- <View
+ {/* <View
  style={{
  alignItems: 'center',
  }}
@@ -129,7 +155,7 @@ export default function HowHungry({ navigation }) {
  >
  <Text style={{ color: '#FFFFFF' }}>Continue</Text>
  </Pressable>
- </View>
+ </View> */}
  </View>
  );
 }

services/api.js

@@ -0,0 +1,5 @@
+import axios from 'axios';
+
+export default axios.create({
+ baseURL: 'https://api-savourit.onrender.com/api/v1/en',
+});