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


User model, Security, Preferences, etc.

Mom Tools for Dashboard

Pet Corner

Tip Jar

To Do Lists

Message Board

Events Calendar

Goal Wizard

Goal Tracker