Tweet
Day 255 / #365DaysofCode 7.12.23
#buildinpublic | Formlogic
-Resync a divergent repo
-Then back at it with UI design for the carousel concept. Thanks to @DeyJordan for this fun template codepen.io/DeyJordan/full…
#100DaysOfCode
Day 254 / #365DaysofCode 7.11.23
#buildinpublic | Formlogic
Today’s I created a carousel where the images inside are automatically produced w/ Puppeteer & headless chrome to take screenshots of all html files in the templates directory.
Needs work, but I did it!
#100DaysOfCode
Day 253 / #365DaysofCode 7.10.23
#buildinpublic | Formlogic
Morning session:
Express.JS security upgrade for filePaths
Some CSS mods
Testing my formbuilder to make a little form
Next- Implement CRUD, Publish, Access Sharing, etc for the form builder.
#100DaysOfCode
Day 252 / #365DaysofCode 7.9.23
#buildinpublic | Formlogic
Short coding day. I continued planning out the new file structures and tables for user content. Basically picking up where I left off yesterday. Solid planning makes coding faster & more efficient
#100DaysOfCode
Day 251 / #365DaysofCode 7.8.23
#buildinpublic
Today I planned out JS process for le tool palette core functions, how usr files are created, stored, saved, hosted, protected, edit sharing etc
I will be using 1 route:
/pub/:organization/:token/:visibility/:content
#100DaysOfCode
Day 366 of #365DaysofCode 🤞Crossed My Limit of consistency 😉
Now My Next Target 🎯 #500 days of Code
🧑‍💻 Hope I cracked this and being consistent 🤞✨

#dsa #buildinpublic #webdevelopment #DataScientist #datastructure #algorithms #Python #javascript #java #100daysofcode
Day 250 / #365DaysofCode 7.7.23
#buildinpublic | Forml0gic.com
Today I worked on the formbuilder layout, having some fun w/ CSS.
Took a little break from JavaScript today.
#100DaysOfCode
Day 249 / #365DaysOfCode 7.6.23
#buildinpublic | Forml0gic.com
Today I added the ability to direct edit the "canvas"
Meaning you can directly edit all of the text in the iframe
So you can edit directly, modify the code snippet or add code. Next ->toolbar
#100DaysOfCode
Day 248 / #365DaysOfCode 7.5.23
#buildinpublic | Forml0gic.com
Today I got the codepen style editor working on the dynamic form builder.
At first I just wanted an embed code snippet, then I was like, why not be able to edit the form here too?
#100DaysOfCode
Day 247 / #365DaysOfCode 7.4.23
#buildinpublic | Formlogic
Today I worked on getting the codepen clone portion of the form builder to save changes made in the Prism code snippet
Rough time with JSON data coming through as undefined
Solved that, but save !working
#100DaysOfCode
Day 246 / #365DaysofCode 7.3.23
#buildinpublic | Forml0gic.com
Post 2
Here's where we're at
I can direct edit the code snippet like codepen but its not saving changes yet.
Still a nice little victory!
#100DaysOfCode
Day 246 / #365DaysofCode 7.3.23
#buildinpublic | Formlogic
Today:
-added 2 Node lbry's: Axios & Cheerio
-used Axios Cheerio & Prism to capture the body of our form in the editor, create color snippet so you can copy & paste it anywhere.
-Updated Node to v18.16.1
#100DaysOfCode
Hello Beautiful People's ❤️
I'm very close to my #365daysofcode
At @LeetCode
#buildinpublic #100DaysOfCode
Can I complete 250 followers 😔🤞
In a 4 day
If you not connected with me
Do connect with me
Retweet to reach more people
Comment below ur suggestions 🤗❤️
Day 245 / #365DaysofCode 7.2.23
#buildinpublic | Forml0gic.com
Today I focused on writing a prompt which turned into a process outline for how the JavaScript plumbing will work to process the data & produce the content necessary for the form builder.
#100DaysOfCode
Day 244 / #365DaysofCode 7.1.23
#buildinpublic | Forml0gic.com
Today I
-repaired an apache crash issue with old certbot SSL certs.
-Added more sensitivity to the heatmap
-Added refresh button to heatmap
-Expired my filmora subscription until payday.
#100DaysOfCode
Day 243 / #365DaysofCode 6.30.23
#buildinpublic | Forml0gic.com
Today I implemented a clone of GPT style code snippets using #PrismJS in my dynamic form builder.

-> prismjs.com <-

#100DaysOfCode
Day 242 / #365DaysofCode 6.29.23
#buildinpublic | Forml0gic.com
Post 2
Just a side note:
You can change the play-speed on my timelapse videos with a feature that was recently added in the little gear menu 👇
#100daysofcode
Day 242 / #365DaysofCode 6.29.23
#buildinpublic | Forml0gic.com
Today I improved the functionality on the user portal default line graph by adding a refresh button. Still plugging away at the formbuilder.
The builder uses iFrame to view a page under edit
#100DaysOfCode
Day 241 / #365DaysofCode 6.28.23
#buildinpublic | Forml0gic.com
Today I planned out a new approach to the creating a dynamic form builder and started stitching the framework together.
#100DaysOfCode
Day 240 / #365DaysofCode 6.27.23
#buildinpublic | Forml0gic.com
Today I finished the heatmap that tracks inbound form data. Harder than it should have been due to the way I formatted my timestamps.
Still needs some CSS work, but I am moving on for now.
#100DaysOfCode
Day 239 / #365DaysofCode 6.26.23
#buildinpublic | Forml0gic.com
Today I worked on a rough clone of a github style heatmap, & made some adjustments in the user portal default layout.
I'll use the heatmap to track the frequency of inbound form data.
#100DaysOfCode
Day 238 / #365DaysofCode 6.24.23
#buildinpublic | Forml0gic.com
I picked up with Data Visualization this morning and integrated apache eCharts with the client DB table.
Incoming form data from external sites to our dynamic route updates the line graph!
#100DaysOfCode
Day 237 / #365DaysofCode 6.23.23
#buildinpublic | Forml0gic.com
Today:
-Tested data-Vis reference layouts w/gSheets
-Looked into google API to import export Form data to gSheets
-Implemented control panel drop downs to keep the userPortal clean & focused
#100DaysOfCode
Day 236 / #365DaysofCode 6.22.23
#buildinpublic | Forml0gic.com
Today:
-Added a super user role, control panel & routes for user management from within the UI
-Fixed a bug in control panel for row id vs. row number
-Add creation date in usr sign up route
#100DaysOfCode
Day 235 / #365DaysofCode 6.21.23
#buildinpublic | Forml0gic.com
Today's Progress:
+ Omit my own traffic from @swetrix site analytics
+ Add a reorder table button to display table chronologically
+ Add vertical scrolling to table
+ Title UI table controls
#100DaysOfCode
Day 234 / #365DaysofCode 6.20.23
#buildinpublic | Forml0gic.com
Today I worked on a personal development form for grading my progress in building this app.
I also added automatic timestamping of incoming form data into the clients personal table.
#100DaysOfCode
Day 233 / #365DaysofCode 6.19.23
#buildinpublic | Forml0gic.com
Post 2
The idea here is that all the form data is arranged in columns within the clients personal table
I will be adding ways to sort the information & implement data visualization.
#100DaysOfCode
Day 233 / #365DaysofCode 6.19.23
#buildinpublic | Forml0gic.com
Today I successfully implemented ACL so users can control which URL's are allowed to send incoming form data to their private DB table & email system
Still working on auto generating columns
#100DaysOfCode
Day 232 / #365DaysofCode 6.18.23
#buildinpublic | Forml0gic.com
Post 2
Demo of the new redirect_url column in client tables that enable individualized form submission success pages for each user.
#100DaysOfCode
Day 232 / #365DaysofCode 6.18.23
#buildinpublic | Forml0gic.com
Added a redirect_url column to client tables to enable individualized form submission success pages for each user.
Next up: Dynamically generate column names based on the form data received.
#100DaysOfCode
Day 231 / #365DaysofCode 6.17.23
#buildinpublic | Forml0gic.com
Post 2
Here is an overview of what the app does so far.

I'm really excited to see this do something useful. The vision is crystalizing more every day!

I built this email server too!
#100DaysOfCode
Day 231 / #365DaysofCode 6.17.23
#buildinpublic | Formlogic
Kicking ass this morning!
I reformed the codebase to add formdata into individual columns rather than using a JASONB object to get more data control for analytics & logic. Unique formID added on signup
#100DaysOfCode
Day 230 / #365DaysofCode 6.16.23
#buildinpublic | Formlogic
Modified /signup route, now a form_token is generated & stored w/ users auth data.
Form submissions can be sent from external sites & data will be routed into the clients unique table based on the token.
#100DaysOfCode
Day 230 / #365DaysofCode 6.16.23
#buildinpublic | Formlogic
Morning Session, notice my sweet task manager🤣It's simply a .txt file, been using it as my dev Timeline for almost a year.
Added @swetrix analytics, fixed a broken route & fixed a _blank target in menu.
#100DaysOfCode
Day 229 / #365DaysofCode 6.15.23
#buildinpublic | Formlogic
Today I added the first working test of a form that automatically generates new fields which is a critical component of what will be the form builder
These are little tests to manipulate the clientDB table
#100DaysOfCode
Day 228 / #365DaysofCode 6.14.23
#buildinpublic | Formlogic
Today I made a bunch of progress with interacting with the users individual table from within the UI
We can see the entire table, add/delete columns & data within columns & rows
Next, Fix CSS, test a form
#100DaysOfCode
Day 227 of #365DaysofCode 6.13.23
#buildinpublic | Formlogic
Today more work on being able to add DB table columns from within the UI. I did get that working.
These small experiments will result in producing a Dynamic Form Builder & our Data Visualization Suite.
#100DaysOfCode
Day 226 of #365DaysofCode 6.12.23
#buildinpublic | Forml0gic.com
Today I worked on a tiny version of the Dynamic Form Builder.
Focus of this experiment, select a data type from a drop-down add a nickname & submit. This adds a new column to usr work table
#100DaysOfCode
Day 225 of #365DaysofCode 6.11.23
#buildinpublic | Forml0gic.com
Today I successfully used Axios to get data from a users project table & displayed it in their portal. This was a first step towards creating the Dynamic Form Builder & b2b form analytics.
#100DaysOfCode
Day 224 of #365DaysofCode 6.10.23
#buildinpublic | Forml0gic.com
Today I
-Rmvd clutter from express dir
-Added more descriptive titles to html pages for improved analytics
-Practiced import/export of JS functions
-Tested AJAX requests on HTML from usr DB
#100DaysOfCode
Day 223 of #365DaysofCode 6.9.23
#buildinpublic | Forml0gic.com
Today I got the app to auto-generate unique database tables for each user, this allows each user to store unique configurations, data & be able to import and export tables.
A Petite Victory-
#100DaysOfCode
Day 222 of #365DaysofCode 6.8.23
#buildinpublic | Forml0gic
Today I worked on getting users access to their own database tables using session tokens
#100daysofcode
Day 221 of #365DaysofCode 6.7.23
#buildinpublic | Forml0gic
Post 2:
I wanted to document in a longer format than twitter, my dev. struggles w/ this project.
I was not happy with anything I could find out there so I just coded my own blog:
treyark.com/blog
#100daysofcode
Day 221 of #365DaysofCode 6.7.23
#buildinpublic | Forml0gic.com
Today: Foundation for Dynamic Form Builder & the CRUD process.
Specifically my focus was authentication & assigning "session tokens" that allow users to interact w/the DB.
Also made a blog
#100daysofcode
Day 220 of #365DaysofCode 6.6.23
#buildinpublic | Forml0gic.com
Post 2
Got the Dynamic Form Builder development started, #ExpressJS routes, basic HTML & CSS are in place.
Still much more to do with CRUD development. #100DaysOfCode
Day 220 of #365DaysofCode 6.6.23
#buildinpublic | Forml0gic.com
Morning CSS session. Just tidying up a bit.
Todays mission: Dynamic Form Builder development using #ExpressJS
Forms are a basic function of what Formlogic does so need to get that knocked out
#100DaysOfCode
Day 219 of #365DaysofCode 6.5.23
#buildinpublic Forml0gic.com
Finished the #ExpressJS route handlers for password reset & solved the bug w/ the token generation, storage & sending reset email via my #Postfix email server
Core concept is Minimalist
#100DaysOfCode
Day 218 of #365DaysofCode 6.4.23
#buildinpublic -> Formlogic
Created the #ExpressJS routes for email password reset, but there is a problem with the token generation with the database & reset email. I think I have it narrowed down to 3 causes. 2 are fixed.
#NodeJS #100DaysOfCode
Day 217 of #365DaysofCode 6.3.23
#buildinpublic -> Formlogic
Session One:
Styled the pages for email verification & verified that I set up yesterday
Next up: Create the #ExpressJS routes for email password reset
This uses the Postfix email server I built
#NodeJS #100DaysOfCode
Day 216 of #365DaysofCode 6.2.23
#buildinpublic -> Formlogic
Session Two:
Built 2 new placeholder pages for email verification & verified. Created those #ExpressJS routes as well.
Everything is working smoothly, making progress every day.
#NodeJS #100DaysOfCode
Day 216 of #365DaysofCode 6.2.23 #buildinpublic - > Formlogic
Session One:
Built new pages for Signup & Login then stitched them into the express routes.
Had a strange bug with twitter mobile page viewer loading CSS halfway, that was weird.
✅Resolved now
#NodeJS #100DaysOfCode
Day 215 of #365DaysofCode 6.1.23
#buildinpublic - Formlogic
1st day of the last month of the quarter
-Measured progress & refined the strategy moving forward
-Updated Twitter card
-Placed Fonts, image files etc on the same server as the website to ++ speed
#NodeJS #100DaysOfCode
Day 214 of #365DaysofCode 5.31.23 #buildinpublic -> Formlogic
Today, more UI dev:
Learning a lot & starting to feel like I know what I’m doing with CSS.
Worked through alot of bugs over the last 2 days w/ CSS & JS.
Earned some personal victories.
#NodeJS #100DaysOfCode
Day 213 of #365DaysofCode 5.30.23 #buildinpublic -> Forml0gic
Today I continued development of the new UI:
-Redesigned the background line goes up L2R
-Recolored the "F" logo (top left)
-Created 3 working refresh buttons
codepen.io/Treyark/full/L…
#NodeJS #100DaysOfCode
Day 211 of #365DaysofCode 5.28.23
#buildinpublic -> Forml0gic
Today I continued developing the new UI & landing page.
Pushing to get that updated by tomorrow.
Here’s some of today’s work:
codepen.io/Treyark/full/e…

#NodeJS #100DaysOfCode
Day 210 of #365DaysofCode 5.27.23 #buildinpublic -> Forml0gic.com:
POST2
Here is the minimalist template I started building today:

codepen.io/Treyark/full/q…
I copied some google content to fill in for now

Less > More

#NodeJS #100DaysOfCode
Day 210 of #365DaysofCode 5.27.23 #buildinpublic -> Forml0gic.com:

After studying & clarifying my target market today I decided to pivot in a new direction with the UI.
Here is some groundwork in that direction

Less > More

#NodeJS #100DaysOfCode
Day 209 of #365DaysofCode 5.26.23
POST 2
#buildinpublic -> Forml0gic.com
Here is my bug ridden dual menu:
codepen.io/Treyark/full/z…
If you know what is wrong with this I'd love to get some input.
#ExpressJS #100DaysOfCode
Day 209 of #365DaysofCode 5.26.23
#buildinpublic -> Forml0gic.com
I needed to do what was supposed to be the simple task of adding a left side sliding menu for the user-portal. I had a day of it, & It's still buggy.
Made progress regardless.
#ExpressJS #100DaysOfCode
Day 208 of #365DaysofCode 5.25.23
Building Forml0gic.com
PART 2
Another busy day with CSS. Tomorrow I'm going to switch over to building the Express EJS routes for the Dynamic Form builder.
#ExpressJS #NodeJS #buildinpublic #100DaysOfCode
I'm having way too much fun, but I 'm not sure this graph animation will fit mobile. What do you think? Can it scale down and still look cool?
Codepen:
codepen.io/Treyark/full/G…
...
#365DaysofCode #ExpressJS #NodeJS #buildinpublic #100DaysOfCode
Day 207 #365DaysofCode 5.24.23
On Forml0gic.com
PART 2
Re: The "Dynamic Form Builder" utility,
Here is where I left it for the day:
codepen.io/Treyark/full/O…
#ExpressJS #NodeJS #buildinpublic #100DaysOfCode
Day 207 #365DaysofCode 5.24.23
On Forml0gic.com
While sleeping last night decided to use WP as a frame of reference for my user-portal design.

Main mission today was to start building my "Dynamic Form Builder" utility.
#ExpressJS #NodeJS #buildinpublic #100DaysOfCode
Day 206 #365DaysofCode 5.23.23
On Forml0gic.com
Added a couple new protected user-portal pages/routes in the application.
Also implemented some cool data visualization.
Made a lot of progress, but still much work ahead.
#ExpressJS #NodeJS #buildinpublic #100DaysOfCode
Day 205 #365DaysofCode 5.22.23
Part 2
On Forml0gic:
Here is a open copy of the #ExpressJS app I'm building.
Maybe this will help someone who is curious about how to build out user authentication & email verification.
github.com/LanceTreyark/o…
#NodeJS #buildinpublic #100DaysOfCode
Day 205 #365DaysofCode 5.22.23
On Forml0gic.com:
I got email verification for new users set up using the email server I built in my last project: github.com/LanceTreyark/S…
This is very exciting to see everything coming together!
#NodeJS #buildinpublic #100DaysOfCode
Day 204 #365DaysofCode 5.21.23
Part 2
On Forml0gic.com:
Got user authentication working in #expressJS & resolved the user-portal route.
I forgot to create a reverse proxy in apache config file to forward localhost:3006/u..
#NodeJS #buildinpublic #100DaysOfCode
Day 204 #365DaysofCode 5.21.23
On Forml0gic.com:
Got user authentication working in #expressJS, just need the route to /userPortal to work.
Hopefully later today that will be resolved.
#4amCodeClub #NodeJS #buildinpublic #100DaysOfCode
Day 203 #365DaysofCode 5.20.23
On Forml0gic.com:
Added some new libraries to the express.js app to help with user authentication:
$ npm install:
passport
passport-local
express-session
Getting closer...
#NodeJS #buildinpublic #100DaysOfCode
1/2 Day 27 of #365DaysofCode and #buildinpublic. Had a shorter session today and spent some time with the family. However, I managed to get the following done for the Webpack Weather App on #theOdinProject :⤵️
Day 202 #365DaysofCode 5.19.23
On Forml0gic.com:
-Implemented use of the "dotenv" package to protect DB auth and omit explicit details in my express.js app
-Implemented express.static 4 #NodeJS 2 serve static files from 'public' directory
#buildinpublic #100DaysOfCode
1/3 Day 26 of #365DaysofCode and #buildinpublic. Started working on the Weather App for the #theOdinProject. I will be using Webpack for this project as well, and will make this a class based project. Here's what I managed to get done in this session:  ⤵️
Day 201 #365DaysofCode 5.18.23
Part 2
Building on Forml0gic.com
Routes are now setup for: /signup, /login, /authenticate, & user /home.
Now I just need to debug JS so they actually work together as intended.
LOL!😅 #buildinpublic #100DaysOfCode #NodeJS
1/3 Day 25 of #365DaysofCode and #buildinpublic. Finally wrapping up the Webpack Todo app on #theOdinProject. Would have loved to add more features & do some refactoring, but I'm itching to get started on the next project lol. I've implemented the following in this session: ⤵️
Day 201 #365DaysofCode 5.18.23 Morning CSS styling session on http://Forml0gic.comToday I'm hoping to have a route setup for the user home screen. #buildinpublic #100DaysOfCode #javascript
Day 201 #365DaysofCode 5.18.23 Morning CSS styling session on http://Forml0gic.comToday I'm hoping to have a route setup for the user home screen. #buildinpublic
@timokonkwo_ Hey fellow devs 👋 continuing my #365DaysofCode and #buildinpublic challenge today. twitter.com/phoenix9_9/sta…
1/3 Day 24 of #365DaysofCode and #buildinpublic. Managed to get more done in this session for the Todo app using Webpack on #theodinproject: ⤵️
Day 100_ 5.17.23 #100DaysOfCode
Second lap complete!
Did a little CSS re-styling on Forml0gic.com
& Began new route & pages for the user home page to connect with the existing signup route created w/ Express.js
#buildinpublic
Tomorrow will be day 201 of #365DaysofCode
1/3 Day 24 of #365DaysofCode and #buildinpublic. Managed to get more done in this session for the Todo app using Webpack on #theodinproject: ⤵️
1/2 Day 23 of #365DaysofCode and #buildinpublic. Got some good news - Will be starting a systems development internship in June 🥳. Today was a chaotic day, but managed to get the following done for the Webpack Todo project on #theodinproject: ⤵️
1/2 Day 22 of #365DaysofCode and #buildinpublic. I have completed the following for the Todo app using Webpack on #theodinproject: ⤵️
#100DaysOfCode Day 98_ 5.15.23
Planning my next move on my coding journey with my last 2 days of the challenge.
On Wednesday the 24th I will finish my 2nd 100Days. On Thursday I move into day 201 of #365daysOfCode which will document the #buildinpublic of Forml0gic.com
Day 20 of #365DaysofCode and #buildinpublic. I have built the majority of components I need for #theodinproject Todo Project. In the next session I will be moving on to implementing JS and webpack and add any other HTML and CSS along the way.