Never forget a task again! Stay on track and keep organized with The Blacklist App. The Blacklist has everything you need to maintain an active and busy lifestyle.
-
Google Account Login | Multiple Users
-
Create Daily / Weekly Lists
-
Create Daily / Weekly Goals & Results
-
Add, Edit, & Delete task(s) and/or list(s)
-
Track Completed Goals & Tasks with Bar Graph | React-Chart.js
-
Strategies of Convience
-
Goal Productivity
-
Device Compatibility | Mobile / Tablet / iPad
-
Use
Node
&Express
Web Server -
Backed by an
SQL Database
-
Have GET, POST, PUT, and DELETE
Restful API routes
-
Use
ReactJS
-
Deployed to
Heroku
-
Use existing public dataset to send part of the database
-
Create
SQL schema
-
Use two or more new packages on Backend
-
Have Authentication for social login
Google
-
Authentication for Google login
-
Node & Express Web Server
-
Backend routes
-
ReactJS for Server-Side | front-end app
-
Integrate react server and backend server using proxy
-
SQL & schema created
-
New backend packages
- Passport / Google / Oauth20
- Cookie-Session
- Integration front & backend
- Deployed in Heroku
-
Frontend | Material-UI
-
Dashboard Bar Graphs / Goal Tracking
- React-Chart.js2
- Use an existing public JSON API
-
Clone or Download the Repository
blacklist
. -
To load all dependencies and SQL Schema from the package.json file: Change Directory
cd
into the blacklist directory (folder)blacklist
by typingnpm install
. -
Change directory
cd
into client folderblacklist/client
& load all dependencies and SQL Schema from the package.json file by typingnpm install
. -
Change directory
cd..
back into theblacklist
folder to run the dev script by typingnpm run dev
. This will load the server and client concurrently.
Connecting to Server: This will load in the terminal. Open your terminal to see the data loading.
To Use the App: App will automatically open a window in your default browser.
Sync with Google Calendar & Set Reminders. Sharing Features via Social Media & Email. Timer Reminder Notifications Successful Project Management Testimonials
#############################################################################################################################
1 React-chartjs-2 Github Page: https://github.com/jerairrest/react-chartjs-2 2 Very good tutorial with react example: https://www.youtube.com/watch?v=Ly-9VTXJlnA 3 basic stuff: Getting Started With Chart.js https://www.youtube.com/watch?v=sE08f4iuOhA
Heroku:
Authentication:
React Route:
React general:
materialize UI:
responsiveness:
#############################################################################################################################