(Now is on Stage 1)

LZStock is a stock screener that saves you time to help you make decisions quickly.

I personally 100% owned this product and built it singlehandedly within 100days.

Resources

1. Visit the website and play: LZstock
2. Check the LZStock tech blog for these questions:

• Why does this journey matter?
• What did I build?
• Why do these topics matter? working...

Additional Links

1. My personal works for high-level concept of LZStock Daniellin's Work

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• An internal SPA for the purpose of setting and reading prices in terms of each product in the online shop.

𝗪𝗵𝗮𝘁 𝗺𝗮𝗸𝗲 𝘁𝗵𝗶𝘀 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗳𝗿𝗼𝗺 𝗼𝘁𝗵𝗲𝗿 𝗽𝗲𝗼𝗽𝗹𝗲'𝘀 𝘀𝗶𝗱𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁?

• A complete full stack project

𝐅𝐞𝐚𝐭𝐮𝐫𝐞

• Implemented 3-party API of Google’s spreadsheet API with OAuth2/API keys authorization to my personal website.

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Developed and built up Price Dashboard from a front-end project with SPA feature to a full-stack project with microservice architecture and fully CRUD operations.

𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸
𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥
➢ Custom Webpack+ Babel stack
➢ React Hooks, React Router, Redux, React SSR, dynamic import

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦
➢ Node.js Ecosystem: Express, Typescript, Chi+Mocha, Sequelize, Mongoose
➢ DB/Cache: MongoDB, Redis

Dev-Ops
➢ Travis CI
➢ Container: Docker, Docker-Compose
➢ Reverse-Proxy: Nginx
➢ Terraform

𝘊𝘭𝘰𝘶𝘥
➢ AWS: ECS

Skills: JavaScript · Docker · Redis · Travis CI · Mocha (JavaScript Framework) · Webpack · React.js · Mongoose ODM · Nginx · Bash · Node.js

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• A pipeline to transform raw SEC financial reports into a customized version.

𝐇𝐨𝐰 𝐢𝐬 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐣𝐞𝐜𝐭 𝐮𝐧𝐢𝐪𝐮𝐞?

• A pipeline that is independent of existing financial APIs.

𝐅𝐞𝐚𝐭𝐮𝐫𝐞

• Use Python to build a SEC financial report data pipeline.
• Input is a raw financial report, while output is custom report on Google Excel.

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Leverage Pandas and various design patterns.

𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤
𝘚𝘵𝘰𝘳𝘢𝘨𝘦
➢ Google Sheet

𝘋𝘢𝘵𝘢 𝘗𝘪𝘱𝘦𝘭𝘪𝘯𝘦
➢ Leverage design patterns such as Factory, Strategy, Mediator, Observer, Chain of Responsibility, and Builder.

𝐍𝐨𝐭𝐞:

• A complete version resides in the secFinancialReportScraper folder.

Skills: Python · Google Sheet API

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• Upgraded version of a email promotion and monitor system based on Stephergrinder's email sender. Solely to practice the cutting edge tech stack.

𝐇𝐨𝐰 𝐢𝐬 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐣𝐞𝐜𝐭 𝐮𝐧𝐢𝐪𝐮𝐞?

• Learning to build a full-stack proejct

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Use Webpack-dev-server to proxy all api services and websocket connection.
• Use express as static file server in production and handle websocket connection.
• A express project in company with graphql+socket.io
• A express project in company with apollo-server+socket.io
• Update api service file structure from technical role to self-contained components.
• Refractor api service from common.js to ES6 import syntax

𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤
𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥
➢ Custom Webpack+ Babel stack
➢ React Hooks, React Router, Redux, dynamic import
➢ WebSocket by Socket
➢ Husky+Lint-stage

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦
➢ Node.js Ecosystem: Express, Chi+Mocha, Mongoose
➢ WebSocket by Socket.io
➢ GraphQL by express-graphql or apollo-server
➢ DB/Cache: MongoDB

𝐒𝐤𝐢𝐥𝐥𝐬: JavaScript · Websocket · Nginx · Docker · Travis CI

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• Refactored version of my very first website with OAuth 2.0 and Google Sheet API integrated.

𝐇𝐨𝐰 𝐢𝐬 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐣𝐞𝐜𝐭 𝐮𝐧𝐢𝐪𝐮𝐞?

• The first task involved transforming a static website into a server-hosted one with third-party API integration.

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Multi-entry webpack
• Write a replace image path webpack plugin
• Implement OAuth 2.0 and API keys to authorize user.
• Implement Google Sheet API

𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤 𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥
➢ Webpack
➢ Pug template
➢ WebSocket by Socket
➢ Husky+Lint-stage

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦
➢ Express
➢ Google Sheet API

Skills: JavaScript · Google Sheet API · Node.js