https://github.com/marianserna/wanderers-frontend
Interactive Trip Planner - microservices architecture - (https://wanderersapp.herokuapp.com/)
https://github.com/marianserna/wanderers-frontend
actioncable jest mapbox-gl-js mobx reactjs styled-components twilio-video
Last synced: about 2 months ago
JSON representation
Interactive Trip Planner - microservices architecture - (https://wanderersapp.herokuapp.com/)
- Host: GitHub
- URL: https://github.com/marianserna/wanderers-frontend
- Owner: marianserna
- Created: 2017-10-17T12:59:51.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-13T13:33:58.000Z (over 8 years ago)
- Last Synced: 2025-09-20T07:24:37.089Z (9 months ago)
- Topics: actioncable, jest, mapbox-gl-js, mobx, reactjs, styled-components, twilio-video
- Language: JavaScript
- Homepage: https://wanderersapp.herokuapp.com/
- Size: 10 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Peace visitor ✌️!
We were tasked with putting together a final project for the Bitmaker full-stack web dev bootcamp in a timeframe of 2 weeks. I created Wanderers which is an interactive trip planner (https://wanderersapp.herokuapp.com/). It offers the user the possibility of adding stops to a trip while comunication with friends in real time via chat or video chat and it allows the user to store their memories by adding images to a trip.
This is the front-end microservice. I am aware that the user experience can be greatly improved and so I'm currently working on that aspect of the project (as of today Dec 13/2017).
For this project I used the following technologies:
- Google places -> main api
- Back end: Ruby on Rails
* Postgres -> main db
* Doorkeeper -> authentication
* Action Cable -> real time functionality
* Redis -> action cable db
* Celluloid::IO -> async ruby
* Twilio Video -> peer to peer connection
* Carrierwave + Minimagick + Fog aws + Amazon s3 -> Handling images
* Geocoder
* Rspec + Factory bot -> basic testing
- Front end: React
* Mobx -> state management
* Styled components -> styling
* React motion -> page transitions
* Jest + Enzyme + Sinon -> basic testing