100 Days Of Code - Log

I came across #100daysofcode on Twitter. I thought it was a cool idea https://github.com/kallaway/100-days-of-code/blob/master/log.md

This website/app in intended for use in goal setting, tracking things that matter, preparing for appoinments, goals, living my best life. The site has a front end and a back end built on Rails, with a combo HTML/ERB and React.js front end. It is running on a DigitalOcean droplet with a PostgreSql database. Right now, I have quite a few things set up that I am building in bits and pieces. For example, I have Devise, Rolify and Pundit set up to maintain access and privacy and google calendar all in progress.

Day 5:

  1. Figure out Navbar themes with my variables and colors
  2. Work out! starting fitness routine, avoid lazy body

Today's Progress: TBD

Thoughts: TBD

Day 4: May 23, 2020

  1. Finish my NavBar
  2. Add ideas while I go, don't get sidetracked

Today's Progress: Success, I got my react.js navbar with a user data. I have to do a review/dive into react links. I also have some butt ugly styling so more CSS and JS to look through (template) Something for tomorrow.

Thoughts: Try to end on a successful point. If not, regroup and set up the tasks for tomorrow.

Day 3: May 22, 2020

  1. Go back to Readme and figure out React props
  2. Started a workout, arms, legs and situps

Today's Progress: Got it, I have a current user avatar and name. Will stop while I am ahead.

Thoughts: Try to close on a positive note. Not every day is productive, but I need today to be.

Day 2: May 21, 2020

  1. Add user avatar to Nav in React, work on CSS with bootstrap
  2. Link user settings to a user avatar in my nav menu with React - continued

Today's Progress: Spun my wheels like crazy. Went back to react-rails gem and followed read.me, missing a line in my app.js "require react". Back to it.

Thoughts:Insanity is doing the same thing over an over again. A cup of tea or something soothing and sit start step 1 and onward.

Day 1: May 20, 2020

  1. Learn how to use React with Rails with current_user data
  2. Link user settings to a user avatar in my nav menu with React

Today's Progress: Managed to learn how to put props into react and get current_user. Spun my wheels abit between API and using Sprockets. Patients and console messages helped.

Thoughts: Not all blog tutorials are alike. After following one, I backed it out with github. It's all about the learning.

Day 0: May 19, 2020 (Rainy day after long weekend)

  1. Create a Bootstrap Navbar in React.js
  2. Experiment with CSS using a bootstrap template

Today's Progress: Figured out React Router in context of parent child pages. Stuck on getting current_user data.

Thoughts: React is fun but I seem to get stuck when it comes to getting data from the back end. It's much easier to use a link in ERB with Rails. I found a tutorial on Rails, Webpack, and React, will give it a try.

Helpful Goals

positive self talk

talking to real people

loving JavaScript

applying wellness to an app

avoiding Covid19 (lbs)

visioning while building

creating the best content

becoming a software developer

testing as I go

fixing bugs with walk breaks

learning about photos

loving Ruby on Rails

getting past imposter syndrome

loving React

no negative mind reading

gratitude and appreciation

Ongoing

User model, Security, Preferences, etc.

Mom Tools for Dashboard

Pet Corner

Tip Jar

To Do Lists

Message Board

Events Calendar

Goal Wizard

Goal Tracker

Graphs

FAQs