Today's Progress: Completed the "Basic HTML and HTML5" and "Basic CSS" sections on freeCodeCamp!
Time Spent: 1 hour 48 minutes.
Thoughts: I've decided to take up the #100DaysOfCode challenge to bring a sense of order to my otherwise chaotic life. I am hoping that the accountability will keep the ball rolling, and in the process I will pick up many invaluable skills that will help me along my journey of self-growth. To kickstart the challenge I will be tackling the amazing freeCodeCamp curriculum and where possible I will stream my progress daily, hopefully allowing for a space where others can drop by and be a part of the journey, offer tips, or even ask for advice. I'm feeling generally excited to learn new and exciting things!
Link(s) to work
Today's Progress: Completed most of the "Applied Visual Design" section in the morning, and completed the rest of it along with "Applied Accessibility" and "Responsive Web Design Principles" sections on freeCodeCamp later on in the evening!
Time Spent: 1 hour 1 minute (morning) and 1 hour 28 minutes (evening). 2 hours 29 minutes total.
Thoughts: I didn't have much time today as there were several personal matters that I had to attend to, but I managed to squeeze in an hour in the morning to tackle some applied visual design, which was really interesting, especially learning about the animations and just how powerful CSS really is! Later in the evening I managed to find some time to tackle the last bit of applied visual design before moving on to the applied accessibility and responsive web design principles. The accessibility section was quite a bit to take in, but made me realise the importance behind it for those with disabilities. Definitely something I'll be taking into account for future projects! I've also realised that trying to take information in, combined with trying to stream the content in an educational manner, is quite taxing in the evening, so I'll make the effort to do so in the mornings or early afternoons for best results, as I could really feel myself start to flag in the end! I'm really looking forward to tomorrow, since CSS Flexbox and CSS Grid is what will be covered next before the web design projects begin!
Link(s) to work
- YouTube Livestream Video (Morning)
- YouTube Livestream Video (Evening)
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
- Twitter Post #4
Today's Progress: Completed the "CSS Flexbox" and "CSS Grid" sections and started working on the "Build a Tribute Page" web design project on freeCodeCamp!
Time Spent: 1 hour 12 minutes (afternoon) and 2 hours 25 minutes (evening). 3 hours 37 minutes total.
Thoughts: Today, I'm going to be honest, I was procrastinating far longer than I should have, as I was really nervous about the upcoming web design projects. A lot of pressure to create something from scratch, with barely any experience at all! I managed to pluck up the courage in the afternoon and finished the "CSS Flexbox" and "CSS Grid" modules over at freeCodeCamp, before deciding to take a quick break to have lunch. When I returned, it was time to tackle my very first web design project from freeCodeCamp; Build a Tribute Page! I thought about it for a moment and then decided to dedicate it to the person who has taught me to never give up on my goals; Chester Bennington. But before I could even begin, I realised just how much of the information from all the modules I did really stuck. I could barely remember the basics, and found myself Googling the rest for reference. The hand-holding approach of being told exactly what to do gives you a sense of achievement, but the moment you're let loose is the moment you realise just how unprepared you really are! All in all, I managed to push through and make good progress, even managing to pass all 10 tests in a single sitting, so all that is left is a bit of polish tomorrow and I'll be done! I'm feeling excited and motivated overall, and the true accomplishment comes from actually creating something from nothing, which I feel the real experience comes from.
Link(s) to work
- YouTube Livestream Video (CSS Flexbox/Grid)
- YouTube Livestream Video (Build a Tribute Page)
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
- Twitter Post #4
Today's Progress: I added the final touches to the tribute page, which is now complete!
Time Spent: 1 hour 43 minutes.
Thoughts: I realised that the procrastination I was facing was in part due to the lack of skills I had when it came to what I actually envisioned in my mind for this project. There's so much I wanted to do, so much I wanted to add, but I felt I wasn't really able to comfortably achieve them. So instead of spending hours hacking pieces of code together, I decided to finish off things as best as I could, knowing that the main priority was to pass the 10 tests, which had already been passed yesterday. I improved upon several parts of the design, adding minor things like shadows to the text, borders to section off the biography, and put a bit of effort into having it responsive. All in all, I am happy with the outcome, given my limited experience, and no doubt I'll be able to look back on this in the future and realise how much more I can improve upon on it. It's like life, you learn new things, and you apply them as you go! So that's one project done and dusted, bring on the rest!
Link(s) to work
- YouTube Livestream Video (Finishing Up The Tribute Page)
- Tribute Page on CodePen
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
Today's Progress: I completed the "Build a Survey Form" web design project from freeCodeCamp!
Time Spent: 3 hours 48 minutes.
Thoughts: Today went way better than yesterday! I felt way more confident as I was setting things up, knowing exactly what I wanted to do, and how I was going to do it. I believe the last two days working on my very first project helped me grasp the basics and expand upon it further, as I feel I accomplished way more in less amount of time, finishing up AND polishing the project in a single day! I worked on new ideas I had never done before but I thought might look cool, so a lot of experimenting, as well as trial and error, took place. All in all, I am actually happy with the outcome and I feel I am making progress. I'm somewhat nervous for the next project which will be to build a product landing page, as I feel that will require a bit more design work than simple forms, but we'll see how it goes; if anything it will give me some extra pointers that will most likely come in handy in future projects!
Link(s) to work
- YouTube Livestream Video (Build a Survey Form)
- Survey Form on CodePen
- Twitter Post #1
- Twitter Post #2
Today's Progress: I started working on the "Build a Product Landing Page" web design project from freeCodeCamp!
Time Spent: 1 hour 7 minutes.
Thoughts: Today wasn't as bad as I expected! I jumped into the usual setting up of things such as centering the content on the page, putting it all into one big box to manipulate with CSS, etc. I managed to get 14 of the 16 required tests to complete in the short time I had, and even got to working with a flexbox which usually gives me a headache and a half! The flexbox worked quite well so far, I managed to seperate the header and the nav links, even incorporating Font Awesome into the mix to use for my mock-up companies logo! All in all I am happy with the progress so far, and definitely starting to feel that the more I build, the easier it gets! Tomorrow I plan to flesh out the design a bit more and hopefully resolve the flexbox issues I was having! I've decided that weekends I will try to only do the bare minimum of an hour a day, so as to give myself some time to actually relax and recover before the no doubt hectic week ahead.
Link(s) to work
- YouTube Livestream Video (Build a Product Landing Page)
- Product Landing Page on CodePen
- Twitter Post #1
- Twitter Post #2
Today's Progress: I continued working on the "Build a Product Landing Page" web design project from freeCodeCamp!
Time Spent: 2 hours 57 minutes.
Thoughts: Today was pretty exciting! I got all the content filled out, and I began to work on styling the HTML. I feel that I am slowly starting to understand CSS Flexbox, as I managed to pretty much put together the landing page alone using it! I also got some helpful tips from chat that I implemented, such as smooth scrolling for the anchor links and having the nav-bar fixed to the left and right side of the page, using Flexbox's justify-content: space-between property! I'm really starting to get into and enjoy this front-end stuff, though still struggling a bit with the creative design side! I realise that I could finish up these projects way sooner, but I put the effort into fleshing them out with actual content instead of placeholder stuff like Lorem Ipsum, as I feel it just gives it a unique touch and makes me feel like I am creating something that could be actually used. What better way to learn than create it, right?!
Link(s) to work
- YouTube Livestream Video (Build a Product Landing Page - Day 2)
- Product Landing Page on CodePen
- Twitter Post
Today's Progress: I completed the "Build a Product Landing Page" web design project from freeCodeCamp!
Time Spent: 4 hours 39 minutes.
Thoughts: Today was absolutely incredible, as I feel I learnt so much! I honestly feel I went all out, pushing my CSS knowledge to the absolute maximum. I managed to make a ton of tweaks to the page thanks to media queries, ensuring the content scales nicely for smaller viewports. I also took the time to add in actual graphics and content that makes sense, fleshing it out into a fully-fledged video game studio that outsources their talents! Looking back on day 1 and day 2 compared to today is honestly like night and day for me, and I still find it hard to believe that I managed to do that. It makes me feel good and motivates me for the last two projects that are coming up. Now I actually have something to fill up the portfolio project with! I'd also like to make a note of how incredible it is to have the community come out and be a part of the process on my livestreams, as I am both able to learn from them, as well as help out where I can when asked questions. That, to me, just seals the deal. My goal is to complete all FCC projects in 10 days, here's to hoping I can manage!
Link(s) to work
- YouTube Livestream Video (Build a Product Landing Page - Day 3)
- Product Landing Page on CodePen
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
- Twitter Post #4
Today's Progress: I completed the "Build a Technical Documentation Page" web design project from freeCodeCamp!
Time Spent: 2 hours 26 minutes (morning) and 5 hours 4 minutes (evening). 7 hours 30 minutes total.
Thoughts: I don't think I've worked this hard on a project, as consistently, as I did today! So much effort went into this project, and 3 hours of it went into working on a way to show/hide the elements of the navbar for the technical documentation links, which turned out pretty awesome in the end! I'll flesh this out a bit more if I get a chance tomorrow, I just wanted to be able to post before midnight so it still counts as an update for day 9, as I've literally been busy right until the very end!
Link(s) to work
- YouTube Livestream Video (Build a Technical Documentation Page - Morning)
- YouTube Livestream Video (Build a Technical Documentation Page - Evening #1)
- YouTube Livestream Video (Build a Technical Documentation Page - Evening #2)
- Technical Documentation Page on CodePen
- Twitter Post #1
- Twitter Post #2
Today's Progress: I completed the "Build a Personal Portfolio Webpage" web design project from freeCodeCamp!
Time Spent: 9 hours 53 minutes.
Thoughts: I'm actually at a loss for words... I spent almost 10 hours working on this portfolio, trying new things I have never done before, animating a menu, having my intro section of pure text be animated, working on responsive grids, and so much more that has been lost on me as I literally did a livestream for just shy of 10 hours, straight! This due to the fact that I set myself a goal that I'd want to gain the Responsive Web Design certificate by day 10! In the last hour of the day I had only the intro section and part of the projects section ready, and I had to pretty much rush the rest and add filler content so I at least have something presentable. I still plan to flesh it out and add things as I gain more experience, but the most important part here is that I actually passed all the tests! I'll have to update this section and the previous one if I get a chance, as, once again, I'm pressed for time to post to this log before the next day.
Link(s) to work
- YouTube Livestream Video (Build a Personal Portfolio Webpage)
- Personal Portfolio Webpage on CodePen
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
Today's Progress: I polished off the "Build a Personal Portfolio Webpage" web design project and started on the JavaScript section on freeCodeCamp!
Time Spent: 4 hours 11 minutes (afternoon) and 2 hours 33 minutes (evening). 6 hours 44 minutes total.
Thoughts: I took a bit of time to give the portfolio page a bit of love, adding in animations for the icons, as well as making the website a whole lot more responsive! I still feel the content is lacking, but I am at the very least happy with the overall look and feel, and I'm sure as time progresses I'll be able to add to it! Later on in the evening I finally managed to start on the JavaScript section of freeCodeCamp, and I absolutely LOVED it! From start to finish, I had a blast going through the basics, and I am honestly looking forward to the rest of it, as well as getting to the more advanced and technical stuff. The community was super helpful, and I had a few more new faces pop by and offer their support which really just added to the incredible mood I was in! I feel I am actually getting somewhere, and that feeling alone is priceless and completely empowering. I do, however, feel that the sections are somewhat overwhelming, as the basics section alone is 4x that of the HTML/CSS stuff, and there is still a few more sections including an intermediate one! But I am sure, with time, I will manage, and hopefully the 2 years I spent working on mods for Skyrim will pay off as Papyrus was an object-orientated language.
Link(s) to work
- YouTube Livestream Video (Polishing Off The Portfolio Webpage - Afternoon)
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #1 - Evening)
- Personal Portfolio Webpage on CodePen
- Twitter Post
Today's Progress: I did many challenges from the "Basic JavaScript" section on freeCodeCamp!
Time Spent: 3 hours 14 minutes.
Thoughts: So the JavaScript challenges were quite interesting, albeit a bit difficult in certain parts, especially because I would often get tripped up reacquainting myself with JavaScript formatting as I am still used to the previous language I was working on for about 2 years; Papyrus. All in all, I can't wait to get through the sections so I can start working on projects and honing my skills! The object prototypes section is definitely something that fascinates me and I can't wait to pick it back up tomorrow!
Link(s) to work
Today's Progress: I struggled through the sections of JavaScript objects from freeCodeCamp!
Time Spent: 1 hour 2 minutes.
Thoughts: Today was honestly one of the hardest days in this challenge thus far! I was slowly making progress, but once I got to the part where I had to create a function that handles different parameters that had to edit an object's array with nested arrays I felt completely overwhelmed! I had to end up actually ending things mid-way through the challenge as I had to get ready for an event I was attending. On the plus side, I did learn that JSON stands for "JavaScript Object Notation", which I had no idea of prior to this! I'm positive that I'll be able to tackle the challenge tomorrow, but I feel that I also need to allow myself some time to unwind and relax as I've been giving my all into these challenges and projects the past 13 days without any real respite.
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #3)
- Twitter Post #1
- Twitter Post #2
Today's Progress: Even more struggling through JavaScript objects from freeCodeCamp!
Time Spent: 3 hours 28 minutes.
Thoughts: Just when I thought yesterday was hard... Wow! These JavaScript objects seriously don't mess around! I'm not sure if it is due to the fact of clearing each section without doing revision during the freeCodeCamp modules, or if too much information is being crammed in to my head at once, but I am finding this stuff incredibly difficult! I mean, I do manage, but it takes me significantly longer, and the examples you are given don't quite prepare you for what comes next as often times you need a combination of several previous modules to complete the tasks given. I might have to take things a bit slower and specifically cover JavaScript objects until I feel comfortable, as right now that is the main thing; accessing and adding information to objects and arrays in objects. Other than that, I am still loving it, but the pace is definitely slowing down, at least for this specific section. I feel things will get better once I complete the section and start working on projects, as previously working on projects for the Responsive Web Design section of freeCodeCamp gave me far more exposure and experience than the modules did, as there is a lot of hand-holding by being shown actual examples and then basically copying that example more or less, and once you pass that point you move on to something completely different until later on where you need to now recall all prior modules which you only really covered once.
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #4)
- Twitter Post #1
- Twitter Post #2
Today's Progress: Completed "Basic JavaScript" and began on the ES6 section from freeCodeCamp!
Time Spent: 27 minutes (Basic JavaScript) and 4 hours 7 minutes (ES6). 4 hours 34 minutes total.
Thoughts: I decided to take some time to go through JavaScript objects to better understand them, especially on the parts I was struggling on, and it made a world of a difference as I managed to grasp many different things such as the .write() part of Document being a method of the Document object! Besides having gone through the entire "Basic JavaScript" section of freeCodeCamp, I feel that so much progress has been made, especially now that I've started the ES6 section and learnt incredible things along the way, such as being able to have multiple if/else if/else statements on a single line using the ternary operator, as well as also having functions on a single line, that support parameters, thanks to arrow functions! This changes everything and truly makes me excited for the language and the possibilities thereof! There were still parts I struggled on, but I feel that is due to certain parts of freeCodeCamp skipping out on information, such as the use of the map() method that wasn't really covered in the ES6 module I was working on. A quick search here and there, as well as help from the friendly people in my livestream chat, and all was well again! Looking forward to what new and exciting things ES6 brings to the table!
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #5)
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #6)
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
- Twitter Post #4
- Twitter Post #5
Today's Progress: Continued through the ES6 section from freeCodeCamp!
Time Spent: 2 hours 55 minutes.
Thoughts: And today it was back to struggling as I learnt about destructuring! The initial examples were going well, but later on it got progressively more difficult! Coupled with template literals in the one example and I felt overwhelmed once again! Fun times for sure, and I'll definitely have to go back to cover them both, but I'm genuinely excited to be making progress and referring back to previous things I have learnt to make use of them in the solution. I'm slowly coming to the end of the ES6 section, and the RegEx section has me somewhat fearful! We'll see how things go!
Link(s) to work
Today's Progress: Finally completed the ES6 section from freeCodeCamp!
Time Spent: 3 hours 37 minutes.
Thoughts: I had quite the exciting time figuring out constructors and how classes work in ES6! Definitely makes things way more easier. On top of that, getters and setters were covered, which makes a ton of sense in terms of handling user data, which will come in pretty handy in some projects I have in mind! On top of that, the regulars on my stream kept me going, and I honestly don't know how I'd manage without them, not just for their feedback, but also the banter we have as we go through the sections. The ES6 section was honestly all over the place, covering things such as import, which is an upgrade from include() that we haven't even covered yet! But thankfully the regulars were there to help along the way. Tomorrow is regular expressions, and I have a feeling it isn't going to go that well considering I have pretty much no experience when it comes to using them.
Link(s) to work
Today's Progress: I completed the Regular Expressions section from freeCodeCamp!
Time Spent: 3 hours 57 minutes.
Thoughts: So I was honestly expecting the RegEx stuff to be WAY harder than what it actually ended up being... I found myself being able to manage through 3/4 of the section before the last bit started becoming a bit of a guess-fest as I was trying to figure out what expression did what exactly in combination with several others including quantifiers! All in all, I can see how it would be useful in certain situations and I am glad that I at least have some kind of basic understanding to apply should the need ever arise. Once you understand the basic concepts it just becomes a matter of repetition until it sinks in, and I find the best source of quality repetition is through projects. Who knows, perhaps I'll include some RegEx in a future project?! Tomorrow is debugging! I'll be covering the "Debugging" section of freeCodeCamp and hopefully also manage to get to "Basic Data Structures" as the debugging shouldn't take too long! Progress is being made, and I'm getting closer to those projects; I can't wait!
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #9)
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
Today's Progress: Completed the "Debugging" section and began "Basic Data Structures" from freeCodeCamp!
Time Spent: 1 hour 56 minutes.
Thoughts: Today I managed to cover the debugging section from freeCodeCamp, though I was a little disappointed as I got it mixed up with catching exceptions/errors etc. so what was covered was stuff I was already familiar with and used frequently. Though it was a great refresher to say the least! Moving on briefly from the debugging section put me in the Basic Data Structures section which covered all the interesting things you can do to arrays. I managed to expand my knowledge on existing topics, as well as learn new methods such as splice() and slice() which are super useful! I feel the most exciting part was using the spread operator to actually copy a reference of an array! Let's see what tomorrow brings!
Link(s) to work
Today's Progress: Completed the "Basic Data Structures" section from freeCodeCamp!
Time Spent: 2 hours 28 minutes.
Thoughts: So I finally got through the Basic Data Structures section of freeCodeCamp, which put a lot of perspective into place for all the gaps that the ES6 section failed to cover! Not only did I cover all the amazing things one can do with arrays, but even more so for objects, which are far easier to work with due to not having specific indexes to work with, but rather key: value pairs! Tomorrow I'll be starting with the Basic Algorithm Scripting which should help me put to tests everything that has been covered thus far! Looking back, I'm amazed at how much I've managed to take in, in just 20 days, and at the same time I also can't believe it has only been 20 days! At this rate I'm wondering if I'll be able to complete the entire curriculum in the 100 days? We'll have to see, but I'm aiming for it, as each day seems to get easier and easier the more I learn!
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #11)
- Twitter Post #1
- Twitter Post #2
Today's Progress: Started on the "Basic Algorithm Scripting" section from freeCodeCamp!
Time Spent: 3 hours 21 minutes.
Thoughts: Today was honestly quite intense, as I had no idea just how "advanced" the "basic" algorithm scripting section would be! It really tested me to the extent of my abilities, and I found myself struggling several times, as most tasks were covering past sections that I hadn't really done much revision on. All in all, there was quite a bit of growth as I solved somewhat complex problems and even managed to refactor them thanks to the wonderful community in my stream chat! Tomorrow is another day, another chance to take in everything I have learnt and hopefully apply it better!
Link(s) to work
Today's Progress: Made a ton of progress on the "Basic Algorithm Scripting" section from freeCodeCamp and begun working on my log formatter project!
Time Spent: 1 hour 33 minutes (Basic Algorithm Scripting) and 3 hours 39 minutes (log formatter project). 5 hours 12 minutes total.
Thoughts: I managed to do almost all of the challenges in the section, save for 3 as I was pressed for time. When I got back I started working on a little web app project that will allow you to basically format your log, such as this one, by simply entering information in fields and generating an output that you can just copy and paste! Should save me quite a bit of time doing these, help me prevent any copy/paste errors, and hopefully help others save time as well!
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #13)
- YouTube Livestream Video (Building A Log Formatter #1)
- Twitter Post
Today's Progress: Completed the "Basic Algorithm Scripting" section and began "Object Oriented Programming" from freeCodeCamp!
Time Spent: 3 hours 39 minutes (studying) and 3 hours 6 minutes (log formatter project). 6 hours 45 minutes total.
Thoughts: The rest of the basic algorithm scripting went well without any major hassles, allowing me to gracefully move onto the OOP section of freeCodeCamp which I was truly excited for! I also managed to work on the log formatter project for quite a bit, getting a lot of the logic sorted such as taking user input and displaying it back in an output area! I'm really happy with the progress thus far.
Link(s) to work
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #14)
- YouTube Livestream Video (Building A Log Formatter #2)
- Twitter Post #1
- Twitter Post #2
Today's Progress: Continued with "Object Oriented Programming" from freeCodeCamp and worked on my log formatter!
Time Spent: 1 hour 27 minutes (Object Oriented Programming) and 4 hours 10 minutes (log formatter project). 5 hours 37 minutes total.
Thoughts: Today was pretty exciting as I honestly couldn't wait to begin working on my little project; the #100DaysOfCode log formatter! So I did just over an hour of studying on freeCodeCamp before switching to working on my project for over 4 hours! I made a ton of progress, and I felt that I could actually put the skills I had gained throughout the freeCodeCamp curriculum to the test! Today I had worked on adding the ability to remove and add new sections for user links, and it works flawlessly! The rest of the code has already been done, and all that is left is some input verification and then to pretty it all up before I get to share it with the world! Creating projects is really exciting and an amazing way to find your strengths as well as the areas you need to work on.
Links To Work:
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #15)
- YouTube Livestream Video (Building A Log Formatter #3)
- Twitter Post
Today's Progress: I continued to work on the log formatter project.
Time Spent: 3 hours 48 minutes.
Thoughts: Today I decided to purely work on the log formatter project as I felt I was nearing completion and I wanted to get as much of it done as possible so that I could actually see if I could complete a project, from start to finish. I managed to resolve the few issues that I had with some of the output in the JavaScript function, in most part thanks to the wonderful community on my stream, and I also started to work on the styling on the overall page. The layout is definitely better than what it was yesterday, though I'm still on the fence about the colours. Nonetheless, progress is being made and I can't wait to finish this project up and share it with others!
Links To Work:
Today's Progress: I spent several hours working on the log formatter again.
Time Spent: 4 hours 34 minutes.
Thoughts: Today I had wanted to work on some extra JavaScript functions, such as handling user input, but I got carried away with some of the design, and ended up completely redoing the layout starting from a mobile-first perspective which actually makes complete sense and allows you to expand from there on using media queries! While it may have felt like a bit of a backwards move to undo all of the styling I've done, it taught me a valuable lesson going forward, which'll no doubt save countless hours of my time! Amidst the styling I also managed to get in the first function of handling user input which successfully handles only taking in numerical values and filters out any other non-numbers! Tomorrow I'll most likely continue with the project as it nears completion; I can't wait!
Links To Work:
Today's Progress: Spent even more time working on the log formatter project!
Time Spent: 3 hours 45 minutes.
Thoughts: I was a bit late in starting my streaming/logging this as I spent the majority of my time offline working on my studies as well as some modding, so I at least got more than my hour in but I wanted to also stream to keep up with the consistency. The majority of the time spent working on the log formatter went to refactoring the existing format function to be neater and easier to read. The logic didn't flow and things were all over the place, so, hopefully by separating the logic in a more natural manner it'll be easier to understand and thus help me write better code in the future! I also learnt a ton of new things, especially with how to use map on an array to handle complex calculations; thanks once again to the wonderful streaming community!
Links To Work:
Today's Progress: I spent as much time as I could working on the log formatter project again.
Time Spent: 1 hour 12 minutes.
Thoughts: While I didn't have as much time today, I at least managed to get in just over an hour of coding which I spent on improving the log formatter. I managed to refactor one of the functions and cut down the code from 13 lines to just 5, making it easier to maintain and read! If I can get into the habit of writing neat code and cutting down on repetition it'll help me immensely in the long run! The log formatter is taking up quite a bit of my time, but I feel it is a wonderful project to really test my capabilities and give it everything I've got. My plan going forward is to get the validation working and then release it on GitHub so that others may start using it as well, and then work on improvements from there on, taking any future feedback into account. I always have the fear of releasing something as I want it to be complete, however, I also tend to be a perfectionist and if I don't release something I may be stuck in an endless loop of adding things and no one is even able to use it in the interim! So I have to push myself to release something, and just deal with whatever needs to be dealt with as it happens!
Links To Work:
Today's Progress: I added quite a bit of form validation to the log formatter.
Time Spent: 3 hours 26 minutes (morning) and 3 hours 2 minutes (evening). 6 hours 28 minutes total.
Thoughts: Today I spent a few hours in the early morning, as well as several hours in the evening, working on adding form validation to the log formatter, which took suprisingly longer than I expected due to having to take into account if a value is empty, if it is less than a specific value, or if the user entered something that they shouldn't have. All in all, most of the validation is done, and I even managed to add in a function to monitor the input of a field and if a user enters something that matches a regular expression, such as entering a URL in a Title field, they'll be notified! Now I just need to add a few minor things such as not outputting a log if the user skipped required fields, and then I can hopefully move onto the CSS styling. I say hopefully as things just seem to have a tendancy to crop up and before you know it I'm spending hours working on something else! But I'm forcing myself to focus and not add extra features else the project will never launch. Definitely feel an ETA for launch is this week; pushing for Wednesday.
Links To Work:
- YouTube Livestream Video (Building A Log Formatter #8) - Morning
- YouTube Livestream Video (Building A Log Formatter #9) - Evening
- Twitter Post #1
- Twitter Post #2
Today's Progress: I added the last touches to the form validation of the formatter and added a modal to display errors!
Time Spent: 8 hours 4 minutes.
Thoughts: I actually had a lot of fun with CSS today, even though that wasn't supposed to be the highlight, I ended up creating a modal with which to display errors in to users, as I couldn't think of a better way, other than displaying plain text which I felt wouldn't catch the eye of the user. The error modal only pops up when a user tries to format their input but there are errors. I also managed to finish up the rest of the form validation, properly this time, as I re-wrote several functions and refactored the rest to have a single function handle live user input, and another to handle validation once the form is submitted for formatting. As for issues, my stream cut out just over an hour before the end, so that is why there are 2 parts... I'm hoping I can wrap this project up tomorrow for a basic release, if I can get the last few bits of code ironed out and finish up with the CSS styling, as it's still pretty much a mobile-only app due to doing the design from scratch starting from the lowest resolution! I'm really excited with my progress and how much I've managed to achieve with this project, and I can't wait to get back to my studies on freeCodeCamp to be better prepared for future projects!
Links To Work:
- YouTube Livestream Video (Building A Log Formatter #10) - Part 1
- YouTube Livestream Video (Building A Log Formatter #10) - Part 2
- Twitter Post #1
- Twitter Post #2
Today's Progress: I ironed out the last bits of code and added responsive styling for the log formatter.
Time Spent: 9 hours 15 minutes.
Thoughts: I finally did it! Never have I been so excited to actually be done with something; purely because I thought that things would never end at the rate I was thinking of new and exciting things to add to the log formatter! But I did it, I added the last bits of code to ensure everything runs smoothly, and then I finished up the CSS styling and added support for several different devices ranging from various mobile devices and even including all major desktop monitor resolutions! I'm really happy with the outcome, and while there are quite a few changes and additions I'd like to add and make, that will have to wait for a future update. It was really hard breaking free from the mentality of wanting to add new things, but I had to stop myself and realise that if I didn't, I'd be stuck here for quite some time not really making any progress either! The last bit to do for now is get the GitHub repo up and running and then share this little app with the world!
Links To Work:
Today's Progress: The log formatter is finally complete!
Time Spent: 3 hours 30 minutes.
Thoughts: If JavaScript functions weren't tripping me up then it was definitely the CSS and all the ways to handle a responsive layout! I spent a few hours working on getting the website responsive, from 400px all the way up to 2560px! I set several breakpoints and adjusted the layout accordingly, having both a column and row layout depending on the maximum width available. It took me quite some time to set up and get working properly, especially with fluid font sizes thanks to "vw" units, but I believe it will help me in future projects as I know exactly what to prepare for and how to get the desired results! I'm really proud that this project is finally complete, and with the final touches and bits of polish I can now get a GitHub repository opened up and make the very first commit of no doubt many to come!
Links To Work:
Today's Progress: I spent the majority of the time getting the log formatter project ready for GitHub publication!
Time Spent: 3 hours 52 minutes.
Thoughts: So the majority of the time spent went to adding last minute touches and writing out the documentation info for the project itself. I'm really excited to have finally released this project and be able to share it with others who may benefit from using it as I have been doing thus far! It's an incredible feeling to have something released, something to show for all these hours spent on it. I can't wait to go back to studying and build even more exciting things in the future!
Links To Work:
Today's Progress: I did some codewars challenges with a member of the #100DaysOfCode community!
Time Spent: 2 hours 57 minutes.
Thoughts: I managed to get through 3 challenges of varying difficulty on codewars with the wonderful Kate Efimova (@kefimochi) who is also doing their #100DaysOfCode challenge! It was a pleasant change to be able to work on coding problems and finding solutions to them with someone else. It exposed me to different ways of approaching problems and going about troubleshooting them, especially with regards to finding a solution that may be overly complicated vs. simply finding a solution that works. I really enjoyed the experience and hope that it is something that I will be able to do more of in the future! My goals going forward will be to continue with the freeCodeCamp curriculum and get through the JavaScript section, which will lead me to build more cool stuff via the project tasks!
Links To Work:
Today's Progress: I completed the Object Oriented Programming section on freeCodeCamp!
Time Spent: 1 hour 6 minutes.
Thoughts: It feels good to finally be back studying! Today I finished up what was left of the Object Oriented Programming section on freeCodeCamp, learning about prototype inheritance as well as how closures work and doing some pretty cool stuff creating modules to reuse code! Tomorrow I'll be tackling the Functional Programming section, which should be something completely different to what I'm used to!
Links To Work:
Today's Progress: I began the Functional Programming section on freeCodeCamp!
Time Spent: 3 hours 29 minutes.
Thoughts: So today I managed to cover quite a few new topics on functional programming as well as learning the difference between imperative and declarative programming! I also finally grasped the understanding behind the Map method and realised how I can make my own prototypes which extend a base type such as an array, which is really cool to do! Someone else dropped by in my stream to share their knowledge on String.raw() which has some pretty unique uses! All in all I felt that I could manage and I didn't feel as lost as I used to, and I feel I owe that to working on my recent project; so far so good!
Links To Work:
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #17)
- Twitter Post #1
- Twitter Post #2
Today's Progress: I completed the Functional Programming section and began on Intermediate Algorithm Scripting on freeCodeCamp!
Time Spent: 5 hours 17 minutes.
Thoughts: Getting through the rest of the functional programming section honestly felt like a breeze! I still struggled a bit with methods I hadn't used before, such as reduce(), but some practice later and I was ready to go! I definitely feel like the log formatter project helped me, as things made way more sense, especially from the logic point of view! I guess if you use things often enough they stick much more than just doing a bit of revision here and there. I also managed to start on the intermediate algorithm scripting section, and I actually didn't end up struggling with them, despite using higher power functions! So I'm definitely still enjoying things and tomorrow is yet another day to put to the test my current skills!
Links To Work:
Today's Progress: Struggled onward through the intermediate algorithm scripting section of freeCodeCamp!
Time Spent: 2 hours 59 minutes.
Thoughts: They sure don't call it "intermediate" for nothing! I spent just shy of 2 hours working on a single challenge, trying to figure out the best way to handle things, and wow did I struggle! It had to do with objects, and accessing an array with an object, validating key/value pairs within. I think I overcomplicated quite a bit of the task, getting to a point where I was accessing each key/value pair individually instead of just comparing the entire object, which ended up being what I did. I wrote 40+ lines of code which I reduced to something ridiculous under 10... So yeah, goes to show that sometimes I should probably try the simpler approach before going "all out". But I managed to still enjoy myself, and it was definitely a challenge I won't be forgetting any time soon! The last challenge I did for the day involved some RegEx, which, while complicated, I managed to resolve in the end remembering some past lessons! I was expecting to finish way more than just 2 challenges in the almost 3 hour session, but then again, it is the experience that counts! Hopefully I get to go through a few more tomorrow.
Links To Work:
Today's Progress: Got through a few intermediate algorithm challenges on freeCodeCamp!
Time Spent: 3 hours 18 minutes.
Thoughts: Today wasn't as bad as yesterday, that's for sure! I managed to solve quite a few problems without struggling too hard. A few array solutions, as well as using a bit of RegExp, nothing too crazy! There were times where I wished I could "pretty up" my solution, but at the very least it served its purpose as I think I should rather focus on resolving the challenge and keep the prettying up to actual projects I work on. I'm slowly starting to crave working on my log formatter to add a few updates, so I'll have to see if I can sneak some time in to do so!
Links To Work:
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #20)
- Twitter Post #1
- Twitter Post #2
Today's Progress: I realised I need to brush up on my Maths to progress further!
Time Spent: 1 hour 25 minutes.
Thoughts: Today I really struggled through some of the algorithms as they were heavily Maths related, covering things that I hadn't touched since high school almost 10 years ago, such as the Fibonacci sequence. I feel I'll need to brush up on some advanced Maths at some point if I am to have an easier time, though, I did still manage to complete the tasks in the end, I just had to struggle far more than I normally would have. Not sure how often I will use such functions, but I guess it doesn't hurt to know them and how to solve more complex issues.
Links To Work:
Today's Progress: I spent some time working on a project with a member of the community!
Time Spent: 4 hours 24 minutes.
Thoughts: Today I did something a little different which I found rather challenging, but rewarding! I worked on what is the beginning of a cooking timer which basically allows you to pick a food item of your choice and it'll set a timer to remind you when the time is up! This is the first time I've actually properly worked with setInterval() so I really struggled for quite some time to actually get the functionality of stopping and stopping the timer properly. In the end, I managed, and it felt so incredible! Most of the functionality is already done, such as dynamically populating a select list with choices from an object array, and stopping and starting the timer. A bit more polish, and we'll be good to launch!
Links To Work:
Today's Progress: I got through some intermediate algorithm scripting challenges on freeCodeCamp!
Time Spent: 3 hours 39 minutes.
Thoughts: While today wasn't as bad as previous days in the intermediate algorithm scripting challenges section, it was still quite challenging as I had to work with Mathematic equations I haven't touched since high school, and my knowledge on them was rusty to say the least! Though, in the end, as usual, I managed to figure it out by breaking the requirements down into parts and creating helper functions to achieve the needed tasks. Today was the first time I actually worked with data in binary format, and I even managed to convert the binary data into a decimal output and then convert that into ASCII! It was something new, and refreshing to see data the way the computer pretty much does! Tomorrow I should be done with the last bit of the challenges and I'll be able to start working on the projects!
Links To Work:
- YouTube Livestream Video (JavaScript Algorithms And Data Structures #22)
- Twitter Post #1
- Twitter Post #2
Today's Progress: I finally completed the intermediate algorithm scripting section on freeCodeCamp!
Time Spent: 3 hours 18 minutes.
Thoughts: It's done! The intermediate algorithm section is finally complete, but not before ending on the hardest challenge in that section so far; calculating the orbital period of a celestial object! I really feel accomplished, as that section was the hardest by far, and now it is complete! I also managed to get started with the JavaScript projects, which was somewhat of a let-down as I was expecting them to be full-on projects with HTML/CSS needed on a web app type set-up but it just ended up being more of a challenge and solving problems. Though, I still enjoyed it, and managed to complete 2 projects today; a palindrome checker as well as one that converts numbers into Roman numerals. There's just 3 more projects to go and I'll be done with the projects and the JavaScript section as a whole! I honestly can't wait, and that'll be happening this week still!
Links To Work:
Today's Progress: Completed 2 projects for freeCodeCamp's JavaScript Algorithms and Data Structures!
Time Spent: 1 hour 57 minutes.
Thoughts: I had a load of fun with today's set of projects! I managed to complete a ROT-13 decipherer as well as a telephone number validator that had to pass all sorts of tests, which I eventually got working with 4 sets of RegEx cases. I'm definitely happy with the progress, though I feel I could improve upon the way I solve the projects if I spent a bit of extra time refactoring. All that is left now is a cash register project, which I feel I am going to have an insane amount of fun with, and then I am done with the JavaScript section!
Links To Work:
- YouTube Livestream Video (JavaScript Algorithms And Data Structures Projects #1)
- Twitter Post #1
- Twitter Post #2
Today's Progress: I completed the final JavaScript Algorithms and Data Structures project and got my certificate!
Time Spent: 4 hours 34 minutes.
Thoughts: Okay, this was officially the hardest project to date! Not because I didn't understand what needed to happen, or other confusing things I was trying to understand; no! It was due to the fact that I had no idea how to implement the solution for which I had in mind... I had to build a cash register function that returns an object with two-dimensional arrays based on user input, price, change, etc. The problem seemed to be rather complex but I didn't know any other way to solve it. So instead I ended up nesting far too many if statements inside of a while loop. Most likely the worst code I've written to date, but at the very least the problem was solved. While I'm not happy with the result of my final project, I am at the very least relieved to be done with the JavaScript section completely, and being able to move onto other things which will allow me to utilise and hone my current JavaScript skills! I plan to return to this and other projects in due time to see how much I've learned and how I can actually refactor the code with the new skills acquired. Tomorrow I begin with the Front End Libraries section of freeCodeCamp!
Links To Work:
- YouTube Livestream Video (JavaScript Algorithms And Data Structures Projects #1)
- Twitter Post #1
- Twitter Post #2
- Twitter Post #3
Today's Progress: Started on the front end libraries section and finished up both Bootstrap and jQuery sections!
Time Spent: 1 hour 2 minutes.
Thoughts: Today I managed to get through both the Bootstrap and jQuery sections on freeCodeCamp, and it was really interesting to see how I can use frameworks to help speed up things I'd do in the vanilla languages (JavaScript/HTML/CSS). I still want to get to a point where I more comfortably understand the nuances of JavaScript before I use a library that simplifies everything for you and takes the ability of troubleshooting and innovating away. But from what I've seen, it definitely simplifies things way more, and in a lot of cases is neater too! I didn't get as much time to work on things as I'd have liked, but I have the upcoming weekend to make up for it! My stream seems to have disconnected briefly at some point, that's why there are two video parts.
Links To Work:
- YouTube Livestream Video (Front End Libraries #1 - Part 1)
- YouTube Livestream Video (Front End Libraries #1 - Part 2)
- Twitter Post #1
Today's Progress: I completed the Sass section and began on the React one on freeCodeCamp!
Time Spent: 1 hour 6 minutes.
Thoughts: So I got the introduction into Sass and I really liked how variables can achieve many things that help the shortcoming of CSS, such as replacing a specific colour as a variable and then only having to change that one variable. But, the for loops and while loops were rather confusing, as that is logic you can already do in JavaScript, and since Sass can't generate dynamic content, it'd make sense to do both the structure and styling dynamically in JavaScript, but that was just my two cents. The React section was something else though; wow, the ease in which you can create entire groups of elements was really clean vs. the way you'd have to do it with vanilla JavaScript and nodes etc. Tomorrow I'll be continuing with React and eventually moving onto Redux.
Links To Work:
Today's Progress: Got through several more modules of React on freeCodeCamp!
Time Spent: 1 hour 16 minutes.
Thoughts: Today I paced myself to better focus on the components of React and how they work. It was really interesting to see how you can call components inside of other components, nesting them, and creating a single component out of all of them. That definitely makes the code easier and far more manageable when you know that it is built up like Lego blocks essentially! I also went through properties and found how they can be used to display variables, which adds to the whole dynamic experience! So far I am enjoying React, and obviously it helps that I have a healthy understand of JavaScript to make sense of what is happening. Since it is the weekend I am trying to take it easy and rest up, but come the weekday I'm going to be pushing to complete both React and Redux within the week!
Links To Work:
Today's Progress: I got through a few more modules of React on freeCodeCamp!
Time Spent: 2 hours 12 minutes.
Thoughts: Today I covered quite a bit on states and how they work to change data behind the scenes and have it updated (rendered) for the client in real-time, which I found amazing! Up until now I have always had to find the element, check its values, and then change it, which took quite a bit to get working, whereas React is so much easier to work with. I can now understand, more so than before, why it is preferred for things such as the UI elements! The stream took an interesting and educational twist near the half-way mark where I had a fellow programmer educate me on some beautiful places in Russia, the Russian language, as well as a few other linguistics-related topics! All in all, I had fun, I thoroughly enjoyed learning, and I can't wait to give this upcoming week my all!
Links To Work:
Today's Progress: Got through even more React modules on freeCodeCamp and published a Medium article!
Time Spent: 1 hour 11 minutes.
Thoughts: I have finally made it half-way through this challenge so far, and I am truly excited and proud of myself for keeping up with this commitment! Today I managed to learn about the controlled input and lifecycle methods that React utilises! It made me realise that you can have a single source of information which can then be distributed to various methods and updated in UIs as needed. The lifecycle methods also help give you that extra bit of granularity to fine-tune your applications. All in all, I am really starting to appreciate how powerful React is, and how it simplifies things allowing you to focus more on building and quickly iterating! I also managed to publish an article on Medium to share my progress thus far, hoping it'll help others who are starting out!
Links To Work:
Today's Progress: I completed the React section from freeCodeCamp!
Time Spent: 1 hour 38 minutes.
Thoughts: Today I managed to complete the last few modules on React over at freeCodeCamp! The modules covered quite a bit of conditional displays based on the state object, and how we can go about rendering components based on the changes therein. I'm still trying to wrap my head around using React vs. the conventional use of HTML/CSS/JS, but in many cases having a modularised approach to render the UI is REALLY helpful! Tomorrow I'll be starting on the Redux section on freeCodeCamp, and I have literally no idea what to expect!
Links To Work:
Today's Progress: Finished off the Redux section and began on React and Redux from freeCodeCamp!
Time Spent: 3 hours 35 minutes.
Thoughts: Today I managed to finish up the last bit of the Redux section on freeCodeCamp and even began working on the React and Redux section which combined the best of both of those wonderful libraries! There are only a few modules left and then I can finally begin working on the projects and be able to put all of these new technologies to the test!
Links To Work:
Today's Progress: I completed the React and Redux combined section and began on projects from freeCodeCamp!
Time Spent: 2 hours 50 minutes.
Thoughts: Today I managed to get through the React and Redux combined sections from freeCodeCamp, finishing up the lasts bits which covered passing state from the Redux store to React via props. It was quite a bit to take in, and I'm feeling as though everything that has been covered these past few modules has been slowly washing over me without a means to retain the information. Thankfully, however, I have just begun working on projects, and I actually got a local create-react-app setup working, officially starting to work on my first project; the random quote machine! I'm really excited as it means I get to use whatever I've remembered and put it to practice. I managed to successfully work with state, which has definitely helped me with this project thus far, being able to refer to existing values and work on things from there. Tomorrow I should be able to flesh it out some more and begin with styling it, I can't wait!
Links To Work:
Today's Progress: I worked on the random quote machine some more!
Time Spent: 1 hour 23 minutes.
Thoughts: I didn't get a chance to stream today as there was too much things happening that I had to get around to, but through all the distractions I managed to work on my random quote machine a bit more! It feels good to be finally applying the things I've learnt thus far, and hopefully this will allow me to better retain all the new information! Tomorrow is another chaotic day for me, but I'm hoping I'll be able to get at least an hour's stream in.
Links To Work:
Today's Progress: I managed to read up on some React and Redux documentation and experiment with what I learnt.
Time Spent: 1 hour 6 minutes.
Thoughts: While I haven't been able to stream this weekend due to commitments, I at the very least kept myself busy with some wonderful Redux and React documentation that a friend of mine put together during their own studies. Armed with that extra bit of knowledge I played around with some states, trying to get more familiar with the whole process, and basically "think React". I feel a bit more confident, and when I get back to streaming I'll be able to finish up that random quote project!
Link To Work: Twitter Post
Today's Progress: I began styling the random quote machine project!
Time Spent: 1 hour 24 minutes.
Thoughts: I spent a bit of time beginning the styling process of the random quote machine project, by adding the entire content to a modal. I also ensured that all the tests passed, so all that is left is to give it a pretty look and I can wrap this project up! Things are slowing down for me somewhat as I tend to real-life matters, but I'm still giving this as much as I can, and so long as there is progress, no matter how small, I will keep on moving forward!
Links To Work:
Today's Progress: I completed the random quote machine project from freeCodeCamp!
Time Spent: 2 hours 31 minutes.
Thoughts: I was really excited today as I finally got to complete the random quote machine project by styling it with random background colours and animations! The CSS seemed to come more naturally now thanks to previous projects, and I spent way less time struggling on how to apply something and more time thinking about ideas to improve upon the look and feel of the project; it's an incredible feeling! I could have done a whole bunch more, but I also wanted to focus on just getting the requirements done and dusted and having something that is at least presentable. Tomorrow I've got the markdown previewer project to do, and I honestly have no idea what to expect or how I'm even going to approach it, so that'll be fun!
Links To Work:
Today's Progress: I started on the markdown previewer project from freeCodeCamp!
Time Spent: 1 hour 24 minutes.
Thoughts: Today I managed to start working on the markdown previewer project, and I decided I'd avoid the entire create-react-app path as it seemed to be a bit overkill to set up a basic app, so I stuck with just adding the necessary React and ReactDOM bundles which I could import directly into Codepen. I initially thought this would be a struggle, but it turns out we could use a library that handles the conversion of markdown to HTML; Marked, so all that was left was to handle the onChange state and call the function as needed and update the state to reflect the changes. I managed to pass all the tests and all that is left now is to style the project!
Links To Work:
Today's Progress: I spent a few hours going through React documentation to better understand it.
Time Spent: 2 hours 34 minutes.
Thoughts: Since I didn't have the stability to stream for as long as I had wanted to, I decided to rather read up on some React documentation and work on better understanding how create-react-app works and how I can better deploy the apps I create, as that was something that was really confusing me considering how much went into actually getting the app setup vs. the little I needed to do. I feel I have a slightly better understanding of how things work behind the scenes now, but only time will tell! Tomorrow is going to be another hectic day, but I'll be sure to find some time to study. Hopefully I'll have a few more hours to dedicate over the weekend.
Link To Work: Twitter Post
Today's Progress: I worked on React configuration from the official documentation.
Time Spent: 1 hour 48 minutes.
Thoughts: Today marks 2 months of back-to-back days of learning and coding! I went through the official React documentation to better understand certain sections that I was struggling with, especially things like how states are handled. Thanks to this I feel a whole lot more confident and realise the importance of managing state for user input.
Link To Work: Twitter Post
Today's Progress: I worked in a code playground on my mobile due to PC upgrades.
Time Spent: 1 hour 36 minutes.
Thoughts: While my PC is undergoing upgrades and a fibre line upgrade is underway, I decided I'd spend some time working in a code playground practicing some more React! I made a simple user input toggle whose contents were managed from the object's state itself, and I feel so excited about finally grasping state!
Link To Work: Twitter Post
Today's Progress: I went through V1raNi's helpful React and Redux notes!
Time Spent: 2 hours 26 minutes.
Thoughts: Since I didn't have the equipment to do what I wanted to do, I thought my time would best be spent reading, since it doesn't require anything other than a device from which to read off of. So I turned to my mobile phone and went through V1raNi's webdev-bootcamp-theory notes and caught up with some of the React and Redux sections I had covered previously. The libraries are appearing a whole lot less scary as a result!
Link To Work: Twitter Post
Today's Progress: I worked on adding support for a markdown previewer for my log formatter project.
Time Spent: 2 hours 44 minutes.
Thoughts: My PC upgrades and the new line upgrade are finally complete! Being as super excited as I was, I immediately jumped back to a previous project, my log formatter, to see how I could add support for a markdown previewer for the output of the user input. It turns out I could used the Marked library on the output contents to generate a preview! This is super exciting, and will add a bit of extra features to my existing project which I hope to implement soon!
Link To Work: Twitter Post
Today's Progress: I finished up the markdown previewer project from freeCodeCamp!
Time Spent: 2 hours 5 minutes.
Thoughts: It feels good to be back to streaming! Today I spent the majority of my time on finishing up the styling of the markdown previewer, so it's a bit easier on the eyes! I've never been too happy with my own design work, but I think it works, and it definitely gets the job done! All tests were passed and I submitted the project; we're officially done with it! Tomorrow I'll hopefully start working on the drum machine project from freeCodeCamp, which should be something different; hopefully we can have some fun with it!
Links To Work: