Dash!

• 

  Initial App Mockup

What was the inspiration for this app

The inspiration for this app came from how we often find ourselves needing help for tasks we don't have the skillset for. So if we were to connect people who need help and people who have the skillset and are willing to help, we thought it would be a good idea.

How we built it

We started with creating the front end in VueJS. We integrated Ionic so that we could implement their web components, as well as use their compiler Capacitor. We chose to use Capacitor as it would allow us to compile to both iOS and Android native apps and we chose to use Vue as we were familiar with it.

After this, we worked on creating the backend. For this, we used AWS. We used AWS Lambda to both fetch and create outposts, and we used the noSQL DynamoDB for our database. The backend was written in typescript and can be found here.

To display the posts, we fetched all the elements of our database and then ran a v-for loop to turn each of them into an ion-card.

However, the user can also click on each card to view more details about it. So, for this, we fetch the ID of the given card and then open a modal that contains more information fetched from our database using the given ID.

In our database, we use a field called docType to differentiate between the news and home tab posts. We do this as the database entries under the docType post contain less data than the home tab posts, such as missing the author and image. This also allows us to store all the posts in one database table and filter them accordingly.

Accomplishments that we're proud of

We are proud of the overall end product for this app.

What's next for Dash!

In the future, maybe we will get it to have more geofeatures and a customizable interface.

Built With

• amazon-dynamodb
• amazon-web-services
• aws-lambda
• capacitator
• css3
• html5
• ionic
• javascript
• vue