uptownhr / hackable

Personal site starter for NodeJS developers

Uptownhr Monorepo

This is a monorepo with NX for with the following projects

• uptownhr.com - astro.build website

Starting development for website

1. yarn
2. yarn nx dev website

Starting Backend Development

1. yarn
2. yarn backend

NX Cheat Sheat

• Create a new astro app nx g @nxtensions/astro:app {name}
• Generate Prisma client for app nx g @nx-tools/nx-prisma:generate {name}

Todo

• Deployment pipeline

hackable's Issues

implement facebook & google oauth strategy

Setup demo site

• figure out branding: hackable. domain will be hackable.penguin.ws
• update project description
• update info on application
• launch on server

replace marked with remarked

this is due to the security issue mentioned by nodesecurity, https://nodesecurity.io/advisories/marked_content-injection

Post touchups

Post

• add hr line break between post editable area and preview
• post list and post view, only show where status is launched @ /blog/ & /blog/post/:id

implement github oauth strategy

implement instagram oauth strategy

complete controller/User.js tests

Ability to upload files

Create default admin user if none exists

create dir/file structure for tests

make Search functional on all list views.

add jquery script to the layout for all admin pages.

• script should listen on the 'input.search' css selector for the 'enter' keypress button.
• When the keypress is detected, redirect browser to the same model page with query param set.
• In the express route, use the query param to make adjustment to result

use right bar to display uploaded images/files

when user drags and drops file to the admin

• the right navbar should toggle on
• display the newly uploaded files.
• if the uploaded file is an image, display the image
• selecting the image should copy the public image url to the clipboard

Create admin crud called projects

models/Project.js

name: String,
tag_line: String,
description: String
logo_url: String
created_at: Date, Default: Now

Create this model and the admin pages to List, View, Edit and Add Projects.

Routes should be

• GET /admin/projects -> List projects
• GET /admin/project -> New Project
• GET /admin/project/:id -> View/Edit
• POST /admin/project/:id -> For adding or updating

Update admin User seed to include password with 6 characters

use password, password

Ability to Link additional oauth accounts

From the my accounts page, use should be able to link and unlink social accounts to the single user.

• Display available oauth providers
• Ability to Link
• Ability to Unlink
• Show status of provider, Linked or Unlinked
• If oauth login has already been linked, deny linking. Show error, this already linked.

Better sample Post in seed

set email address if available from oauth provider

replace async with promises

Updating async usages with promises.

Will use bluebird library.

Add unit tests for controllers/Admin.js

https://coveralls.io/builds/5837009/source?filename=controllers%2FAdmin.js

test db used inside docker

complete unit tests for controller/User.js

implement google oauth strategy

Add ability to connect stripe

Not really a connect feature right now. Let's use these keys to populate the products with a buy button provided by stripe.

sk_test_9yjqifpcg5f0PlJDEIHQWGRm
pk_test_8iCRH4xJXGEWYt4DkbECYDM8

Using the products collection, lets list the products on the homepage with a buy button from stripe

create a my account page

this is currently pointing to /user/account

This is probably going to mean we need a user controller and bound to a new main route on index.js

app.use('/user', controllers.User)

GET Admin Unit Tests 200

• /admin/user
• /admin/user/:id
• /admin/post
• /admin/post/:id
• /admin/project
• /admin/project/:id
• /admin/product
• /admin/product/:id
• /admin/file
• /admin/file/:id

Implement coverall

new passport worflow

new user being created with every oauth login

admin login redirects to /products

implement linkedin oauth strategy

Product touchups

Product

• replace image_url as image and display image in table. place as first column

Create product seed

Add documentation for adding in a new passport oauth provider

add user password length validation to POST /auth/login

GET 200 Auth Tests

• /auth/logout -> expect 302
• /auth/o/testing -> expect 302
• /auth/o/twitter -> expect 302
• /auth/o/testing/callback -> expect 302
• /auth/o/twitter/callback -> expect 302

Get Account/unlink/:provider

• /user/account/unlink/testing -> expect 302
• /user/account/unlink/mock_provider -> expect 302 && mock_provider no longer exists in users

create admin unit HTTP 200 tests for admin routes

Given User is logged in and is an Admin

Create 200 tests for all admin GET routes

GET

• /admin
• /admin/users
• /admin/posts
• /admin/products
• /admin/files

remove admin link for non admin users on nav dropdown

create CRUD for File model

create Product model and admin CRUD

Product Schema

name: String,
description: String,
price: Number,
image_url: String

GET Unit test blog post entry

This is for the public /blog/post/:id route. Write test to expect a 200 response given that the post id exists.

To test, you will have to create a Post record in the db using the model before performing to get request.

Add sample Projects in seed

Project touchups

Project

• remove project_url from Projects listing view
• display project logo in Projects listing view, first columns
• remove description in Projects listing view

ES6

Update code to use es6 syntax and using AirBnb style guide

Dennis

• Controller files

James

• model files

list of general touch ups

• remove settings in admin navigation
• remove profile image display in /admin/user/:id
• use Created for Date header in Listing views
• Upcase first character in all header in Listing views
• label Actions as header in Listing views
• remove left navigation search below admin title

Update Instragram Application Setting

Currently attempting to login with a user returns.

{
"code": 403,
"error_type": "OAuthForbiddenException",
"error_message": "You are not a sandbox user of this client"
}

I believe this is due to the application being in the sandbox state and I am not an authorized user for the application. We need to allow any users login and I think we have two options.

1. Remove sandbox mode, and put in live state.
2. Check if we can allow all users under sandbox mode.

So if option 2 is not possible, lets use option 1.

Use ace editor for Blog post editing

https://github.com/ajaxorg/ace

• use for editing
• implement markdown preview

For implementing preview, we will need to research for a javascript frontend preview script. That listens on content changes and updates the preview.

run test for following routes on controller/home.js

POST /charge

www http 200 unit tests

create an http unit test for

/blog

Create collapse/expande able, sidebar in admin

From the admin, create a button on the right side of the screen that can be clicked on to expand and collapse. Use bootstrap classes to accomplish this.