https://github.com/guilleangulo/aircnc
AirCnC - Renting company spots for coding (Omnistack 9.0)
https://github.com/guilleangulo/aircnc
Last synced: 4 months ago
JSON representation
AirCnC - Renting company spots for coding (Omnistack 9.0)
- Host: GitHub
- URL: https://github.com/guilleangulo/aircnc
- Owner: GuilleAngulo
- Created: 2019-11-05T18:45:07.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T00:38:22.000Z (over 3 years ago)
- Last Synced: 2025-06-21T09:06:51.343Z (12 months ago)
- Language: JavaScript
- Size: 27 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 35
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏢 AirCnC
A company uses the browser client of the app to register spots for rent (for coding, with an specific programming language). Then a user, using the mobile version of the app, can make a booking indicating the day. After that, the booking request will be shown for the company who can accept or reject the proposal. (Course produced by [@RockeatSeat](https://github.com/Rocketseat) and teached by [@diego3g](https://github.com/diego3g)).
The project is divided in three modules:
### 📟 Backend
Developed in NodeJS, is an API Rest that attend requests from the web version of the frontend as well as from the mobile version.
### 💻 Frontend
Developed in ReactJS, this browser client is basically an admin panel for a company to register new Spots (adding photos, programming languages and daily cost). After a user makes a booking request, a message is displayed to the company for accept or reject the book proposal (In real time, with socket-io).
### 📱 Mobile
Developed in React Native, using Expo, this client is used by the user to search spots filtered by programming languages of his interest. He can make a booking proposal with an specific day, and will be answered if the booking is accepted or rejected in real time when the company makes a response.
### 📁 Modules
* [Axios](https://github.com/axios/axios) - Requesting resources from the backend API
* [Socket.io / Socket.io-Client](https://socket.io/) - Real-time WebSocket for booking spots
* [Express](https://expressjs.com) and [CORS](https://www.npmjs.com/package/cors) - Node.js web framework for API routing
* [Multer](https://github.com/expressjs/multer) - Node.js middleware for handling multipart/form-data (uploading files)
* [Mongoose](https://mongoosejs.com/) - Mongo DB object modeling
* [React Navigation](https://reactnavigation.org/) - Library for routing and navigation
* [React Native Gesture Handler](https://github.com/kmagiera/react-native-gesture-handler) - Library for touch gestures
* [React Native Reanimated](https://github.com/kmagiera/react-native-reanimated) - Library for navigate animations
### ▶️ How to run
It´s necessary to have installed: [Node.js (LTS)](https://nodejs.org/en/), [NPM](https://www.npmjs.com/get-npm) or [Yarn](https://yarnpkg.com/lang/en/) and [Expo](https://expo.io/).
#### Backend
There is a script, **dev** (using [Nodemon](https://nodemon.io/) for development purpose), declared at backend/package.json to run the server.
```
cd backend/
npm run dev
```
#### Frontend
```
cd frontend/
npm start
```
#### Mobile
It is possible to run the app in a emulator (Genymotion | XCode) as well as in the own phone. To run in an Android emulator you can download [Genimotion](https://www.genymotion.com/). With the emulator running as well as the mobile app, at the Metro Bundler (http://localhost:19002) select the option "Run on android device or simulator". It will automatically seach for the genymotion instance. Otherwise its possible to run in your phone device donwloading the expo app in the Play Store, and scan the QR code that appears at the bundler admin page.
```
cd mobile/
npm install -g expo-cli
expo start
```
## 🧱 Built With
* [MongDB](https://www.mongodb.com/) - Database System
* [Express](https://expressjs.com/en/guide/routing.html) - Routing framework
* [React](https://reactjs.org/) - Javascript client side
* [React-Native](http://www.reactnative.com/) - Native mobile client app
* [NodeJS](https://nodejs.org/en/) - The server-side JavaScript runtime environment
* [Expo](https://expo.io/) - An open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.
## Acknowledgments
* This project is developed as a part of the Omnistack Week 9.0 by [Rocketseat](https://github.com/Rocketseat)
## 📸 Screens - Web Version
## 📸 Screens - Mobile Version
## 📹 Booking Demo
