All Projects → dhruv-kumar-jha → Productivity Frontend

dhruv-kumar-jha / Productivity Frontend

Licence: mit
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Projects that are alternatives of or similar to Productivity Frontend

Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-63.68%)
Mutual labels:  webpack2, pwa, react-router, spa
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+314.96%)
Mutual labels:  webpack2, babel, react-router, service-worker
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (-42.31%)
Mutual labels:  pwa, react-router, progressive-web-app, service-worker
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+184.19%)
Mutual labels:  pwa, spa, progressive-web-app, service-worker
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (+13.25%)
Mutual labels:  pwa, spa, progressive-web-app, service-worker
Elm Hn Pwa
Hacker News as a PWA built with Elm
Stars: ✭ 43 (-81.62%)
Mutual labels:  pwa, spa, service-worker
Pushkit
All the required components to set up independent web push notifications 🎈
Stars: ✭ 45 (-80.77%)
Mutual labels:  pwa, progressive-web-app, service-worker
The forge
Our groundbreaking, lightning fast PWA CLI tool
Stars: ✭ 70 (-70.09%)
Mutual labels:  pwa, progressive-web-app, service-worker
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (-2.99%)
Mutual labels:  pwa, progressive-web-app, service-worker
Xiaoduyu.com
🐟小度鱼 - 年轻人的交流社区 https://www.xiaoduyu.com
Stars: ✭ 549 (+134.62%)
Mutual labels:  apollo-client, babel, react-router
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-68.8%)
Mutual labels:  pwa, progressive-web-app, service-worker
Pwatter
Angular Progressive Web App using Workbox
Stars: ✭ 167 (-28.63%)
Mutual labels:  pwa, progressive-web-app, service-worker
React Static Complete Website
A complete website built using React JS, With SEO, Code Splitting, Pre-rendering, gzip and more.
Stars: ✭ 16 (-93.16%)
Mutual labels:  webpack2, react-router, spa
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-72.22%)
Mutual labels:  babel, pwa, react-router
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-59.83%)
Mutual labels:  webpack2, babel, react-router
Award
⚙基于react的服务端渲染框架
Stars: ✭ 91 (-61.11%)
Mutual labels:  babel, react-router, spa
Service Worker Detector
This extension detects if a website registers a Service Worker.
Stars: ✭ 124 (-47.01%)
Mutual labels:  pwa, progressive-web-app, service-worker
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+1941.45%)
Mutual labels:  pwa, progressive-web-app, service-worker
React Progressive Web App
An opinionated React based repository which is optimized for Progressive Web App development.
Stars: ✭ 548 (+134.19%)
Mutual labels:  webpack2, pwa, progressive-web-app
Ionic Pwa
🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-62.82%)
Mutual labels:  pwa, progressive-web-app, service-worker

Productivity Application

Be More Productive!

ScreenShot

This application was inspired by the awesome Trello and Kanban style of managing things. You can use this to manage anything and everything., This has lot of customizations available per board, list and card to make it your own.

I built this application using Progressive Enhancements in mind, Although not perfect the app works well in desktop, mobile and tablet devices., You can easily add this app to your mobile device (just open the url from mobile device) and use it directly without opening the browser.

Demo

Host URL
Netlify https://productivity.netlify.com
Amazon S3 http://proapp.s3-website.ap-south-1.amazonaws.com
Public Board Demo http://proapp.s3-website.ap-south-1.amazonaws.com/public/boards/58d383b20f4a2800178ef63e
https://productivity.netlify.com/public/boards/58d383b20f4a2800178ef63e

Demo Account

Email Address: [email protected]
Password: [email protected]@123

All of the demo deployments use the same backend/api so you can use these interchangeably

Installation

Deploy to Netlify

Just clone this repo and then run

$ yarn install // or npm install

to install all the dependencies.

After installing the dependencies

  1. Configure Backend API URL
    1. Either create a new Environment variable named API_ENDPOINT with its value as the Backend API URL, you can use https://pro-app-api.herokuapp.com for testing purposes. OR
    2. Edit /src/index.ejs file and change the API endpoint url window.__API__ENDPOINT__ https://pro-app-api.herokuapp.com with the API endpoint where you have setup the backend of this app
  2. Run yarn build:production or npm run build:production to make a production build of the app.

Now you can access the application by running yarn start:production or npm run start:production Or you can deploy the public folder on S3, Netlify or any static host and access the app from there.

The recommended way is to use Static Host/CDN to host the application instead of running it via web server.

Features

Status Feature Description
✔️ Static Application You can host the app on any Static Host/CDN instead of a server
✔️ Boards Boards are the gateway to your lists, You can have as many boards as you want
✔️ Lists Each list can easily be re-arranged and updated, You can add multiple cards to a list
✔️ Cards Cards are the meat of this app, you can add as many cards as you like, re-arrange them, drag them from one list to another, etc
✔️ Todo List Each card has Todo List tab, There you can add your todo list items, update them, mark them as completed and so on.
✔️ Card Meta Each card has meta section where you can specify Duedate, Link, Image and the appropriate icons will appear below card in the list view., If image URL is specified, Image will appear above the card title.
✔️ Custom Background Each board, list and card can have different Background color, Boards can have background images as well. To change the background color of board just edit the board by clicking the Edit icon below the header and there you can update board details along with background color.
✔️ Settings You can update your details, password and preferred language in the settings page
✔️ Deploy to Netlify Added 1 click deploy to Netlify button.
✔️ Public Boards Now you can make boards public, Public boards are accessible to all the users with the board URL., By default all boards are private.
✔️ Code Splitting Split the code into different files and only load those files when necessary., Enable tree shaking so we only include the code we're actually using in the app.
✔️ Lists Spacing Now you can add spaces between lists, You can add space before and after a list. (might be useful to some of you)
✔️ Customizations Now you have more control over specifying background colors, you can either select it using colorpicker or enter it manually, it can be Color Names, HEX, RGB or RGBA.
✔️ Multiple Languages Added support for multiple languages, Current translation of Chinese langugae is done using Google Translate.
✔️ Card Positioning Now you can top and bottom margin to any card, Giving your more flexibility and control over the UI.
✔️ Loading Indicator Since the project makes use of Webpack code splitting, Sometimes it felt like clicks were unresponsive, Now you can see loading message whenever new script(s) is being loaded.
✔️ GraphQL Fragments Have started using fragments wherever necessary, This will help with app performance when you have lots of Boards.
✔️ Board Groups This will help you with Grouping different boards together and I personally think this will benefit us a lot, You can Add groups by going to the settings page.
✔️ Responsive The app is responsive in mobile devices (although not perfect), More mobile specific enhancements will be made in future.
✔️ Service Worker Now all the assets will be cached locally so you can use this app with slow internet connections (all the data still loads from server).
✔️ Add To Device The app is responsive in mobile devices (although not perfect), More mobile specific enhancements will be made in future.
🔳 Offline Support Make the app work without internet (coming soon).

Feature Requests

I am open to feature requests, If you have any specific feature in mind which you think might be helpful to the community as well, Just create a new issue or email me.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].