https://github.com/nathan-abela/done-with-it

A React Native Marketplace App built with Expo CLI.
https://github.com/nathan-abela/done-with-it

done-with-it done-with-it-app expo expo-cli react react-app react-native react-native-app reactjs

Last synced: about 1 month ago
JSON representation

A React Native Marketplace App built with Expo CLI.

• Host: GitHub
• URL: https://github.com/nathan-abela/done-with-it
• Owner: nathan-abela
• License: mit
• Created: 2020-06-13T22:00:18.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-08-31T19:59:27.000Z (about 3 years ago)
• Last Synced: 2024-10-11T10:05:31.399Z (about 1 month ago)
• Topics: done-with-it, done-with-it-app, expo, expo-cli, react, react-app, react-native, react-native-app, reactjs
• Language: JavaScript
• Size: 9.55 MB
• Stars: 32
• Watchers: 1
• Forks: 17
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    

        

    

    
 Done With It 




    An application for selling stuff you do not need anymore.





    

        

    

    

        

    

    

        

    

    

        

    





    This repository consists of a React Native Marketplace Application built with Expo CLI.





    Done With It offers free user to user classifieds listings. Buy and Sell!



## Running the Application

### View the application

Scan [QR Code](https://expo.io/@nathanabela/donewithit) via the [Expo mobile app](https://play.google.com/store/apps/details?id=host.exp.exponent), or by using [Appetize Emulator](https://expo.io/appetize-simulator?url=https://expo.io/@nathanabela/donewithit) (`Scroll down` → `Open project using Expo`).

### App Showcase



    



### Running the application on your machine

To run the application on your machine, follow the steps below:

### Setting up the Backend Server

  1. Download/ Clone the repository on your machine.

  2. Open the `backend` folder via VS Code.

  3. Open the `development.json` file (`config` → `development.json`) and change the asterisks in `assetsBaseUrl` to your machine IPv4 Address.

  4. Open the terminal at the root of the `backend` folder (Ctrl + ') and run `npm install` to install the project dependencies.

  5. Still in the terminal, run the command `node index.js` to start the backend server.

  6. The backend server is live and ready to be accessed - To confirm that it is live, access `http://localhost:9000/api/listings`.

### Setting up the Application

  1. Download/ Clone the repository on your machine.

  2. Open the `app` folder via VS Code.

  3. Open the `settings.js` file (`app` → `config` → `settings.js`) and change the asterisks in `apiUrl` to your machine IPv4 Address.

  4. Make sure you have Expo CLI installed globally - if not, install it via `npm install -g expo-cli`.

  5. Open the terminal at the root of the `app` folder (Ctrl + ') and run `npm install` to install the project dependencies.

  6. Still in the terminal, run the command `expo start` to start the app (make sure an AVD is running).

  7. The application should open automatically on the AVD.

## Application features

* `10 Screens` - Welcome, Register, Login, Account, Upload, View Image, Messages, Listings, Listing Edit, and Listing Details Screens.

* `Animation` - Using Lottie (Activity Indicator, done animation and more).

* `Authentication` - User authentication (Register, Login/out).

* `Cache Layer` - Caching Images.

* `Custom and Reusable Hooks` - Api, Location, and Notifications.

* `Form Validation` - Using Formik.

* `Gesture Handler` - Swipe to delete, and pull to refresh.

* `Navigation` - Using React Navigation and Stack Navigator.

* `Push Notifications` - When messages are received.

* `Reusable Components` - Button, Icon, Forms, Screen, Text, Text Input and more.

* `Splash Screen` - Logo Screen Design while the app is launching.