Code Monkey home page Code Monkey logo

task-master's Introduction

Task Master

GitHub issues GitHub pull requests GitHub forks GitHub stars GitHub watchers GitHub contributors

Table of Contents

Home Page
Login Page
Signup Page
User Dashboard
ThankYou Page

  • Home Page, Login Page, Signup Page, Profile Page has been designed (Thanks to collective effort)

Whatever bugs remain will be squashed later but for now I encourage everyone to test out all the features of the front-end if its working properly or not! You can open issues related to the technical bugs or errors in a code or factors about responsiveness but don't suggest any improvement as the design decision is final & we won't encourage any further changes!
  • Back-End Implementation & Deployment
  • Fork this repo, understand the code. Whatever work has to be done, you can find it in the issues tab. If you want to work on something by you own, raise an issue, WAIT FOR COLLABORATORS to APPROVE it, then go ahead with you code.

This is an online goal setting app where the number of goals and tasks to be done are written down and includes various additional features.

TaskMaster is an opensource software created with the help of Udacity scholars in front end web development. This software is made with a hope and a vision that the traditional way of setting everyday TO-DO's and goals should be replaced with a more advanced version for the modern digitized era.

Shades of Primary colors

Some Funky colors

Of the second link, the teal , both shades of pink will be used for border/buttons only.

Probable Front End Work

  • Home page/landing page setup
  • Activating and linking the different sites from the home page
  • Linking the different additional pages to the homepage
  • Adding more tabs in the additional navigation bar
  • Making the layout of different additional pages
  • Beautifying pages in the best way possible and with special emphasis on visual appearance
  • Beautifying the <user_home_page>(after someone has logged in)[refer to pg. 3 of the pdf] after backend work has been completed provides a basic structure
  • Designing the alarm feature (along with popups)
  • Implementing the notification of upcoming goal deadlines and important goals feed

Probable Back End Work

  • Getting the Contact Me form in the landing(home) page to actually be able to contact someone
  • Getting the Login with Google feature to actually work
  • Designing a sync feature with your Gmail account
  • Attaching pictures with your goals
  • Devise a system to prioritize your goals
  • Using different colors for different priority of goals

HOMEPAGE - This page contains three sections viz. Home, Introduction & Why TaskMaster? on the navigation bar and clicking any one of them would trigger a smooth scrolling down the home page. These three sections fit into the first page of the web app. As stated in the mockup pdf there should be a ‘Tick’ in Home which when clicked on, starts an animation explaining what TaskMaster is all about. Below this, a button entitled ‘Get Started’ enables a user to visit the Login/Sign-up page. Lastly, on the footer various media links like Quora, LinkedIn can be provided. Other modifications can be open-ended and suggestions are welcome for improving the UI/UX!

LOGIN / SIGNUP PAGE - This page contains the login (for the existing users) or sign-up (for the new users) option. Signing in via Google is also supported. There is also a button to share about this app on Facebook. It includes a live background with video or canvas elements.

USER DASHBOARD - This page basically would be divided into three columns with a lot of interactivity. The leftmost column will include the list of upcoming goals along with deadlines. The rightmost column includes the list of prioritized goals which can be displayed as a pop-up to the browser whenever a user opens up his/her browser. The middle column consists of a section for creating the goal itself with several buttons as follows:

Calendar Tool - This tool will set the date on which the reminder will come up as a popup.

Alarm Popup - This tool will set the required alarm (if any) & the time of the alarm.

Goal Priority - This tool will set the priority of the goal by assigning it a number which automatically updates the list in the
rightmost column.

Flash Button - This tool enables a pop-up of prioritizing goal whenever a user opens up his/her browser.

Add Media - This tool enables a user to add any media files like images, music, videos attached with the goal when creating it.

Create Goal - This tool will finally create the goal and the page would be updated.

Only the first page would include a Contact Us section which can be accessed by clicking on it as shown in the mockup pdf.

  • Getting the hang of the code

  • MUST READ THIS BEFORE YOU COMMIT

  • Don't contact moderators if you see an anomaly in the code and if you think some function is not working properly. Just raise an issue on github. That way more and more contributors can see that and the issue can be resolved faster

  • REFER TO THE PDF FOR A ROUGH IDEA ON THE PROJECT

Refer to CONTRIBUTING.MD for more information on how to contribute to this project!


The TaskMaster Team

task-master's People

Contributors

fave77 avatar rajrox97 avatar sahkal avatar souro18 avatar bhaskarsingh avatar nimmo1993 avatar yashsartanpara avatar askmrsinh avatar deeppurohit avatar trivedi-vatsal avatar v3dant avatar rampandey06 avatar rayarindam2111 avatar abulhayat1 avatar ramisback avatar ratnadeepbiswakarma avatar shashank-sharma avatar nsaicharan avatar abulnoviceninja avatar ctxplorer avatar suparnapaul393 avatar aartigurjar avatar amarjeetsingh1999 avatar seethar03 avatar

Watchers

James Cloos avatar

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.