Git Product home page Git Product logo

digitaltasks's Introduction

DigitalTasks Google Chrome Extension version 1.0

Coded by Tyler Campbell, Eric Yii and Rich Oswald

Released: January 25, 2018

To: Public/Chrome Extension Market

Languages and Technologies used

  • Node.js
  • Express
  • JavaScript
  • jQuery
  • HTML
  • CSS
  • Semantic UI
  • PostgreSQL
  • Salesforce Object Query Language (SOQL)
  • Amazon Web Services (AWS)

Origin of Idea

This app was written as a full-stack project for DigitalCrafts 16-week Full-Stack Immersion Bootcamp. The idea was presented by Tyler Campbell. He shared how his fiance would like a browser extension that would allow her to access her Google Calendar, tasks and contacts as well as Saleforce account data without going to those specific sites.

Unique Domain Name

DigitalTasks.net

A domain name unique to the app was purchased and used to host the main page and give users a link to sign up for an account.

Custom Logo

An app needs a logo for recognition and to have in the upper corner of the browser to launch the extension. A custom logo was designed and purchased to capture the essence of DigitalTasks.

Static Webpage for Signup and Link to Extension

The project involves a static webpage to provide information on the extension and an opportunity to sign-up for an account that links your information. The app itself can retrieve and mark tasks in SalesForce as complete. It also stores tasks and contacts in their app account,

The extension is set in an i-frame, so it behaves as a webpage. The forward and back browser buttons function for the extension when it is opened.

Sign-Up

Once installed, the user has the ability, directly from the app, to create a user account using a personal email. The user will receive an email verifying their account creation.

Login

Once an account is created, the user can go to the sign-in page and login with their email and password.

Welcome

After sign-in, the user is directed to a page welcoming them by name.

Account Settings

The user has an account setting page where they can add or update their profile picture as well as logout from the app.

Add A Task

When adding a task, a title and date is required, while the user can also add a descriptions and particular contacts they would like to associate with the activity.

Contacts

The contacts are stored locally. The user can add individuals to their account and then attach them to tasks. A particular contact can be found through the search box. The contact can also be removed.

Tasks

All past, current and future tasks can be displayed on the tasks page. Tasks can be filtered for all recorded tasks, completed, overdue and sorted by date using the dropdown menu.

Challenges

  • SSL Certification
  • Providing a secure website address was absolutely essential for trust and to place the app out to the public. Many hours were spent and countless revisions were needed to accomplish this requirement.

  • Authentication (Encrypting and Securing User Passwords)
  • Making sure user information was kept confidential was of utmost importance. Verifying that a user is a real person is the entrance step to connecting to personal information. And allowing the user to create a unique password for access to their account was essential.

  • Database Configuration
  • Developing and building a storage location to handle user information (tasks, contacts, dates,id's, etc.) was a great effort. It was necessary to enable CRUD capability so user information could be added, requested, updated and deleted.

Stretch Goals

The Minimum Viable Product (MVP) for this project required a massive amount of work. Research, learning and coding each of the pieces and then integrating them together was a major challenge. But there are several things that we would like to add and/or improve.

  • 1.Allow posting of events on Google Calendar.
  • 2.Integrate Google contacts so they are accessable without manual entry.
  • 3.
  • 4.
  • 5.

We want to sincerely thank our instructor, πŸ“Chris Aquino 🐱, for his kindness, availability, encouragement, knowledge and wisdom. Without him, this project would not be currently, or probably ever, published.

πŸ‘πŸ»-Tyler Campbell

πŸ‘πŸ»-Eric Yii

πŸ‘πŸ»-Rich Oswald

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.