Jack Pearson

Pre jack-pearson.com Blogs

Note: These blogs were written during my spring semester of my Junior year of school. They were published on a few different HTML or Javascript sites I made to track my progress as I built Forevergreen's first product. I like to have them as it is a reminder of how far I grew in my technical journey.

Welcome to the site!

Dec 5, 2024 - 1:58 PM - Blog #1

Note: This blog should serve as an introduction to this website and an update!

Hello! Welcome to my blog! Super pumped you are reading this and hopefully it can help others learn from my process. My goal for this blog is to document my process of building my first product and a real piece of code. I want to learn along with the progression of this blog to see where I learned, failed, and improved to hopefully maximize my growth.

This first post is exciting as I have no lines of code written! There is much to be done and I am very excited to learn. I have some experience in Java as I learned it last year through an online course and course at Pitt. I am confident I can build my product here and implement it into WIX.

So where am I in the process? Well, it is currently the week before finals, so I will not be able to make much progress this week. That being said, there is much progress to update you on so far, and the next update should be post-finals once I start to code.

Screen 1: Login

Carbon Calculator Screenshot
First screen of the first version of the carbon calculator on our website

Screen 2: Transportation

Carbon Calculator Screenshot
Transportation screen of the first version of the carbon calculator on our website

Screen 3: Diet

Carbon Calculator Screenshot
Diet screen of the first version of the carbon calculator on our website

Screen 4: Energy/Utilities

Carbon Calculator Screenshot
Energy screen of the first version of the carbon calculator on our websitee

Screen 5: Breakdown

Carbon Calculator Screenshot
First version of the breakdown screen

Screen 6: Email Returned to User

Carbon Calculator Screenshot
Email of the first version of the carbon calculator

As you can see the calculator is pretty robust and has a lot of questions. Although the email is very basic, it is a good start and I will learn how to add charts and further links to this through MailChimp or a different email listing service.

All of this was completed over Thanksgiving Break which was only a week. With a better plan of action and a full month of Christmas, we should have a product/service to track data for users and provide them with connections to solutions. Once I have this MVP finalized we can pass this over to a better-suited development team, and I can focus on other areas.

Thank you for reading! I think this practice will help me a lot in my product development and a great tool for later to catch others up to speed.

Progress Update on the Carbon Calculator

Dec 24, 8:29 PM - Blog #2

Hello! This is my second blog post updating our progress on the carbon calculator.

A lot has happened since my last post on Dec 5, so let's get started.

On Dec 5, we had no lines of code written and zero idea how to get this built in Wix Velo, but now we are making serious progress and should have an MVP in the next 2 weeks.

In the past two weeks, I have been taking Replit lessons to improve my coding skills. I have been able to build some cool programs in Python. Here is my Twitter and replied.

This was a few days at our new office.

So we all have been learning to code and working at the offices. Yesterday Joe and I had a full 12-hour coding day where we began the first efforts to build our site out into Velo. We learned a lot and I hope to outline where we are now and the product's next steps.

Quick shoutout to the first tutorial we watched as it was really comprehensive and helped us with the first steps. Its by the Wix Wix

We also followed along the Wix Velo Dev Docs

After following this we were able to get it working to have our user's inputs collected on a Google sheet! We were pretty excited.

For the rest of the day, I continued to build out the code on this site. I will add the backend code below.

Code Embedding Example


import { getValuesfromGoogleSheet, addValuesToGoogleSheet } from 'backend/calc1';

$w.onReady(function () {
    $w("#insertbutton").onClick(async ()=>{
        const firstName = $w('#firstnameinput').value;
        const lastName = $w('#lastnameinput').value;
        const email = $w('#emailinput').value;
        const emissions = $w('#emissions').value;
        const values = ["17", firstName, lastName, email, emissions];
        const result = await addValuesToGoogleSheet(values);

        if(result.status == 200){
            console.log("added");
        }
    })
});
  

The main accomplishment I had was to use these in each of the 5 pages.

We actually ended up writing a decent bit of code.

Here are a few other APIs I want to integrate moving forward...

Additionally, we are now going to be working with S9 consulting to build our first version. I found them through the Wix Velo Marketplace and they will be very helpful to guide our coding moving forward. We are excited to use their knowledge to improve our platform.

Thanks for checking in on my second blog!


Continuation of Our Carbon Calculator Journey

Jan 8, 2:44 PM - Blog #3

Welcome back to Blog #3! Lots of stuff has happened in the past few weeks so let's get right into it.

When I wrote my last entry it was Christmas Eve and Joe and I just finished a 12-hour coding day where we started to build our first basic program in Wix Velo code. After that, I began to reach out to developers for help as I realized there was too much to learn and we needed some guidance and help to build our first version of the calculator. Below is a picture of the message I sent out to our developers.

Message Sent to S9 Consulting Developers

Message to S9 Consulting Developers
Actual Message I sent to S9 Consulting Developers

After I sent this I got a response very quickly from the S9 Consulting Developers and we hopped on a call on Dec 26th. I was impressed with their response time and commitment to work over the holidays. It became apparent very quickly that they would be the first developers we hired to help with our MVP.

In the call, S9 and I discussed what our vision for Forevergreen.earth was and what we could do with the $500 budget. We agreed that the Dev team would fully integrate our current version of the calculator into Wix Velo and add a login system for users to sign in and adjust their data. They sent over the statement of work that day and we got to building.

I also spent a lot of time building out easy-to-follow blogs and documentation of our current version and what we were going for. I published these on our test site as well as the Forevergreen site. Below are the links to each blog if you want to check them out.

I am interested to see if these proved to be helpful for the team.

Since I handed off the actual development to the infinitely more skilled Wix Velo Devs, I have recently had some more time to continue on my Replit 100 Days of Code. I have been learning a ton about Python and even some HTML (which is how I made this blog). If you follow me on Twitter you will see I post the code for every lesson along with some other cool stuff every once in a while.

After following this we were able to get it working to have our user's inputs collected on a Google sheet! We were pretty excited.

Here you can see my most recent lesson Day 75 where I coded a simple linktree for myself. I have learned a TON about coding just from these lessons and I am excited to finish these lessons so I can learn more.

Looking forward, we will have a fully functional calculator coded on Wix Velo by S9 Consulting by/on Jan 15th. After that, my current plan is to spend 2 weeks studying that code and improving little things here and there so that on Feb 1 we can have a product that provides a cool service for our users and can collect revenues.

Thank you for following along with my blog!

Welcome to the site!

Jan 14, 5:33 PM - Blog #4

Note: This blog should serve as an introduction to this website and an update!

Hello and welcome to my fourth blog! Thank you for your time. I hope to outline this new site as well as some updates since my last blog post.

In the last post I was on Day 75 of the #Replit100DaysofCode and I am happy to say I finished all 100 lessons!

It has been a really awesome experience and I really appreciate the Replit team for creating such a fantastic free resource. I learned so much about web design and programming.

I am proud to say the of over 225k people that have started on day 1, I was the 934th person to complete all 100 days! I had a goal to be one of the first 1000 and I am super glad I was able to sneak in.

ADD THE CHART

To wrap up the 100 days of code I thought it would be a good idea to combine alot of the skills I had learned to create this website. I have built out a fully functional webpage that is coded in github and public on the web. I also plan to continue to build this site as I learn more and build more projects.

Back to Blogs