Skip to content
View parrottjrs's full-sized avatar
  • Clarenville, NL

Block or report parrottjrs

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
parrottjrs/README.md

Hi, I'm Jordan!

a little bit about me:

  • 💻 Student at Get Coding NL
  • 📚 Bachelor of Linguistics, MUN 2010
  • 👷 Former construction worker
  • 🐈 I have a cat named Poe

Coding Tools:

  • NodeJS
  • React
  • Typescript/Javascript
  • HTML5
  • CSS/Tailwind
  • Webflow
  • Wordpress

Things I've Worked On:

Think-Write

Here's the Think-Write repo or Check out the app in all it's glory.

Think-Write is the project that launched me into the wonderful world of React and Typescript. During its creationn I also used Tailwind for the first time.

I learned many things from this project-- how to use state, reducers, useEffect, references, etc as well as how to manipulate .TSX files in an efficient and meaningful way. It provided me with hours of practice that bolstered my skills and confidence as a developer and solidified my understanding of many basic concepts that I learned in my previous projects. For now it uses local storage but in the future I plan on developing a back end for it.

Think-Write is a modern replacement for word processors that gives the creator some tools to help with accountability during the process. The main features are:

session lock

Writers can save their text in a "locked" state. Locked text is read-only and is locked until a predetermined date. Once the "lock date" has passed, the writer is free to edit it.

Pomodoro Timer

Think-Write's built in timer gives the writer the choice between one of two timer rotations. Each selection gives the writer a pre-designated work-period followed by a shorter break period. This works on 4 rotations so the writer doesn't have to worry about resetting it too often.

Think write is bit of a passion project that involves a some of my personal history. I won't get into that here but you can watch the video below for more info or refer to the README.

think-write.mp4

Totes McNotes

Check out the repo here or dive straight into the app

Totes McNotes is my main project for the first module of my course, and my first real stab at using HTML, CSS, and JS.

Througout the creation of Totes, I've learned about many of the basic principles of the three langueages, as well as core concepts such as the DOM, JS modules, OOP, and how to use HTML5 canvas, and local storage. Totes is a notes app that is mimics a cork board. It comes with a variety of functions such as:

  • import/export
  • customizable notes using Quilljs text editor, color picker, and
  • optional canvas mode where users can drag and drop notes wherever they want
Screen.Recording.2023-04-12.at.9.07.41.PM.mp4

Word Wizard

https://github.com/parrottjrs/Word-Generator#word-wizard

Word Wizard was my first project and my introduction to front-end development.

It is a random word-generator that uses asynchronous functions to either pull from an array I created, or from an API. The word is given a random colour and font as well. For more randomness, I added a random quote function that pulls from an array upon loading the home page.

Working on this project gave me a solid understanding of HTML elements, the relationship between HTML and CSS, how to create JS functions, event listeners, and basic array use. I was also briefly introduced to asynchronous functions and APIs while working on this one.

Screen.Recording.2023-04-17.at.10.38.56.PM.mp4

Popular repositories Loading

  1. totes-mcnotes totes-mcnotes Public

    A notes app

    JavaScript 2

  2. Word-Generator Word-Generator Public

    A random word generator

    JavaScript 1

  3. canvas-practice canvas-practice Public

    practicing html canvas with js for Get Coding

    JavaScript 1

  4. nameless-rpg nameless-rpg Public

    an RPG built with html canvas

    JavaScript 1

  5. parrottjrs parrottjrs Public

    1

  6. think-write think-write Public

    A writing app that organizes, inspires, and keeps you accountable.

    TypeScript 1 1