<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: medabdallahh8</title>
    <description>The latest articles on DEV Community by medabdallahh8 (@medabdallahh8).</description>
    <link>https://dev.to/medabdallahh8</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F576070%2Fa6edea7e-0e41-4c13-9cf6-4b9e8e338e99.jpg</url>
      <title>DEV Community: medabdallahh8</title>
      <link>https://dev.to/medabdallahh8</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/medabdallahh8"/>
    <language>en</language>
    <item>
      <title>BUILD UI BOOKING HOTEL APP WITH REACT NATIVE</title>
      <dc:creator>medabdallahh8</dc:creator>
      <pubDate>Sat, 27 Mar 2021 03:02:05 +0000</pubDate>
      <link>https://dev.to/medabdallahh8/build-ui-booking-hotel-app-with-react-native-cdf</link>
      <guid>https://dev.to/medabdallahh8/build-ui-booking-hotel-app-with-react-native-cdf</guid>
      <description>&lt;p&gt;Hello! today I am sharing a mobile hotel reservation application. the application was created with react-native using react-native-vector-icons and react-navigation.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Filhgianngua1glah8ask.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Filhgianngua1glah8ask.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frjqn6t55vqhzojojuh1l.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frjqn6t55vqhzojojuh1l.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4hvcbv1e1fbou2l5k0mn.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4hvcbv1e1fbou2l5k0mn.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Installation&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;You will only need to have &lt;a href="https://nodejs.org" rel="noopener noreferrer"&gt;NodeJS&lt;/a&gt; installed on your machine, and after that, clone this repository:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;$ git clone &lt;a href="https://github.com/medabdallahh8/GofundRoom.git" rel="noopener noreferrer"&gt;https://github.com/medabdallahh8/GofundRoom.git&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;After that, access the class folder you want and install the dependencies by executing the following command:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;$ cd GofundRoom&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;$ yarn install # or npm install&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Don't forget to use the react-native link with the command:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;$ react-native link&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;To run on Android:&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;You will now need to either connect an Android device to your computer or run an emulated Android device using AVD Manager which comes shipped with Android Studio. Once you connected an Android device or launched an emulator, run this:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;$ npx react-native run-android&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;To run on Android:&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;$ cd ios&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;$ pod install&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;$ cd ..&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;$ npm start ios&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;If you like the project, don't hesitate to add a star to the repo.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you want to support me or encourage me on the job you can always buy me a little coffee here: &lt;strong&gt;&lt;a href="//buymeacoffee.com/medabdallahh"&gt;Buy me a coffe&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I hope you liked the project and we'll see you soon for another project&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>react</category>
      <category>javascript</category>
      <category>redux</category>
    </item>
  </channel>
</rss>
