Skip to content
This repository has been archived by the owner on Jan 8, 2024. It is now read-only.

Latest commit

 

History

History
53 lines (41 loc) · 1.71 KB

README.md

File metadata and controls

53 lines (41 loc) · 1.71 KB
Raw

Outdo.app

https://www.outdo.app

Purpose

Hackathon project submitted for Codegiest 2020.

Feel free to fork it if you feel useful / star if you like it 😄

Site

outdo.app

Inspiration

Often as developers we tend to switch between different apps on our daily work. Our managers use Jira, the whole team uses Skype / Google meet / Slack / Hipchat for communication. Trello to manage any in-house work. There was a lack of a tool which combines all of this into ONE.

What it does

Issue tracking, group private chats and video chats and workflow management for bitbucket made simple

How I built it

  • Vue CLI 3 and Vuex to build the front-end
  • Laravel for API back-end
  • Twilio Chat and Video API
  • CORS using nginx
  • Bitbucket OAuth consumer for API integration

Tools Used

  • Laravel 7
  • Vue + VueRouter + Vuex + VueI18n + ESlint
  • Pages with dynamic import and custom layouts
  • Login, register, email verification and password reset
  • Authentication with JWT
  • Socialite integration
  • Vue-Atlas + Font Awesome 5

Challenges I ran into

  • State storing using Vuex's - and calling bitbucket API only when needed
  • Integrating Twilio group and video chat
  • Layouting the whole dashboard

Accomplishments that I'm proud of

  • Integrating front-end and back-end a build an amazing SPA
  • Completed the app with minimal features as planned

What I learned

  • The Bitbucket connect / oauth APIs
  • Atlassian design system and vue-atlas UI framework
  • Twilio client SDK and APIs for Chat, Video

What's next for outdo.app

  • Workflow prototyping features like Invision / Marvel app
  • Better video calls to enable - draggable video thumnails on any page