Git Product home page Git Product logo

aircnc's Introduction

An Airbnb clone that books companies spots for developers ๐Ÿข

๐Ÿ› ๏ธ Technologies

โš™๏ธ Requirements

๐Ÿš€ Installation

$ git clone https://github.com/gabrielsanttana/aircnc

๐Ÿ“ฆ API

Before running the API, it's necessary to have a database setup on a MongoDB Atlas Cluster. With that, create a .env file in the backend folder root and put these keys in environment variables and they'll work on the mongoose connection string.

Example:

MONGODB_USERNAME=username
MONGODB_PASSWORD=123456
MONGODB_CLUSTER_URL=cluster0-lfmbb.mongodb.net

If you prefer, you can just place your connection string on the server.js file:

mongoose.connect(`mongodb+srv...`);

Then:

$ cd aircnc/backend
$ npm install
$ npm start

Note: It's important to have the API running to be able to properly run the web and mobile app

๐Ÿ’ป Web

$ cd aircnc/frontend
$ npm install
$ npm start 

The application will pop-up in the browser on http://localhost:3000

๐Ÿ“ฑ Mobile

It's also necessary to have a React Native Expo environment setup and the Expo mobile app installed on your smartphone. It's important that both the smartphone and the computer are connected to the same network and to have the local IP address on the baseURL in the api.js file.

Example:

const api = axios.create({
  baseURL: 'http://000.000.00.000:3333',
});

With that:

$ cd aircnc/mobile
$ npm install -g expo-cli
$ npm install
$ npm start

A new window with the application log will open in the browser.

Then, you can simply load the app by scanning the QR code with the Expo mobile app or by using the local URL.

โš–๏ธ License

MIT License

Made with โค๏ธ by Gabriel Santana

aircnc's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

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.