Tropivisor

Inspiration

I've always felt strongly about accessibility, but Auburn University is already very accessible. I know that the web isn't always accessible, however, so I wanted to design an accessible web application that helps people choose accessible vacations.

What it does

You enter a country and select different types of impairments, it pulls from a curated database to provide vacation opportunities in that country that are able to provide for those impairments.

How we built it

The database is MongoDB, hosted on Atlas. The API is written in Node/Typescript The frontend server is Vue, with the Vuetify material framework.

Challenges we ran into

• Developing for screenreaders A challenge we gave ourselves was to develop the frontend with a screen reader. We realized that, for some things, you must provide an alternate solution for the visually impaired for websites. Sometimes you can use one element that works for the screen reader and the visually-abled user. Other times, however, you must add things just to allow screen reader to work. It was as if we were developing two clients.

• Finding accessibility data We decided on a curated database because we could not find a large, coherent index for this data. Because of this, we had to scour the web to manually enter what we could. If this goes large scale, it would have to be a curated strategy where users submit vacation spots and accessibility ratings, while somebody reviews it.

Accomplishments that we're proud of

• Took a broad idea and get concrete requirements
• Did client/server separation

What we learned

• Developing for screen readers
• Vue reactivity
• Express REST
• Google Cloud Console (we axed the integration, but we implemented Maps api)

What's next for Tropivisor

• Budget filtering
• Relative rankings of spots
• Vacation categories (e.g cruises, hotels, resorts, beaches)

Built With

• express.js
• github
• mongodb
• mongoose
• node.js
• npm
• typescript
• vite
• vue