GithubHelp home page GithubHelp logo

lumsafar's Introduction

LUMSafar

A social hub application for LUMS students.

Developed using:

Build and Deployment Status

Client EAS Build Server Build and Test Heroku Deployment

Setting up dev environment

Requirements

  • PC running Windows/Mac/Linux
  • NodeJS
  • Expo CLI npm install --global expo-cli
  • Nodemon (Optional) npm install -g nodemon

Steps

  1. Clone the repository to local machine using git clone https://github.com/AhsanSarwar45/LUMSafar.
  2. Open the cloned directory in VSCode either manually or using code LUMSafar.

Client

  1. Navigate to client directory using cd client.
  2. Install required packages using npm ci. Go watch Better Caul Saul while your computer does its thing.
  3. Start Expo using expo start. Duh. npm start also works.

Server

  1. Navigate to client directory using cd server.
  2. Install required packages using npm ci.
  3. Start the server using npm run start, or if you have nodemon npm run start-n. With nodemon, the server gets automatically restarted when you save any changes.
  4. If you want to test the client with the local server instance, go to the .env file in the client/ directory and replace content with LUMSAFAR_SERVER_URL='http://<your ipv4 address>:3001'.

Running the Client

After running expo start, you can run the client either on a physical device or an emulator. The app will reload automatically when you save any changes.

Physical Device

  1. Download Expo Go app on your smartphone.
  2. Open developer tools at http://localhost:19002/ in your browser.
  3. Scan the QR code using Expo Go app.

Emulator

  1. Download Android Studio.
  2. Install an AVD Device. Refer to this guide.
  3. Start the AVD Device.
  4. After running npm start, press A and Expo will start the app on the emulator.

lumsafar's People

Contributors

abdullahahmadaak avatar ahsansarwar45 avatar omerkamran2 avatar saood-21 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

zahanwasif

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.