Apptivity

Manage your task with Apptivity
Explore the docs »

View Deployed App · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Roadmap
4. Contact
5. Acknowledgments

About Apptivity

Support Dark Mode

Apptivity adalah productivity tools berbasis website yang digunakan untuk memudahkan pengguna dalam mengimplementasikan berbagai macam teknik-teknik produktivitas seperti Pomodoro, Eisenhower Matrix, Kaizen, dan terdapat juga berbagai artikel yang membahas segala hal berkaitan dengan produktivitas.

Project Apptivity dibangun untuk memenuhi tugas akhir atau Capstone Project pada program Studi Independen Bersertifikat - Batch 2.

(back to top)

Built With

• HTML
• Javascript
• Tailwind

APIs

• Apptivity API V3 See docs here
• GNews API

(back to top)

Getting Started

How to install local apptivity on your laptop? let's follow the instructions

Prerequisites

• Node Js (v14.17.6 or higher)

Installation

Note

This project required API KEY from GNews. To get the API KEY please register here

1. Clone this repository (main branch)

   git clone https://github.com/egyyudanugraha/capstone-project.git

2. Install NPM packages

   npm install

3. Create file .env in root project folder

   BASE_URL_API='http://localhost:3000' // FOR DEVELOPMENT
   BASE_URL_API='https://apptivity-api-v3.herokuapp.com/' // FOR PRODUCTION
   BASE_URL_NEWS='https://gnews.io/api/v4/search'
   API_KEY='YOUR_API_KEY-FROM_GNEWS' // PLEASE REGISTER GNEWS API TO GET API KEY
   PUBLIC_KEY_SERVER='BF0iNOeRThs_SsOTc1s77KuIozBdxeaLM5aegT5-UsccCdg2QN9bZQ_a4SZtZ_Y09-ytma00m4AeHqYvk5MZuJA' 

4. Run the server!

   npm run start-dev

   Yeay! Server running on localhost

   Optional

   For the styling development please run tailwind, open new tab on terminal.

   npm run tailwind

   To build this project for production, run command

   npm run build

(back to top)

Roadmap

• Build Backend for APIs, see this
• Authenticate & Authorize with JWT
• Tasks
• Eisenhower Matrix
• Pomodoro
• History of completed task
• Articles productivity
• Dark mode
• Progressive Web App
• Notification service
• Landing page
• How to use

(back to top)

Contact

• Arijaya Putra
• Yuda
• Aditya
• Seli

(back to top)

Acknowledgments

• MDN Web Docs
• Workbox
• Tailwind
• Flowbite
• EsLint
• SweetAlert
• Stack Overflow
• Youtube

(back to top)