The Stepping Our Your Door app is an Atlas Exotica clone where users can create their own experience journal to add all of the interesting experiences they might wish to share, read about experiences other users have shared, and add experiences to a "bucketlist" so they can keep track of ideas for future adventures. The app uses a React front-end to let the user to navigate through the site, and a Ruby on Rails backend to store user information. The app also successfully implements an authorization process to let users register, sign in, sign out, and then have access to CRUD capabilities when signed in. The Stepping Out Your Door front-end is deployed on Surge and it's backend is deployed on Heroku.
Link to deployed site:
Link to Backend Repository:
- Be built with a React frontend, a Ruby on Rails backend, HTML, CSS, and JavaScript.
- Use Axios to consume data from an external source, and render that data into the DOM.
- Use flexbox (display: flex).
- Implement responsive design on 3 screen sizes (including desktop) using 2 media queries (tablet and mobile).
- Utilize React Router, installed via NPM.
- Implement a working authorization component.
- Apply multiple association relationships between components.
- Possess full CRUD (Create, Read, Update, Destroy) capabilities.
- Deployed on Surge/Heroku.
- Provde an immersive almost cinematic experience for the user.
- Add a 360 image or video component that allows the user to explore the world right from the app.
- Modify the user's profile to include a "bucketlist" component that the user can use to add experiences they want to one day do, or add experiences straight from the Experience component.
In order to create the "Teleporter" component, I embedded an Airpano search engine which allows users to search through a collection of 360° photos, and, in essence, teleporting around the world! Source: AirPano.com
