100 Days of Code: Day 73

Home / Technology / Web Development / 100 Days of Code: Day 73
The second 'React For Web Designers' project is complete!

[vc_row css=”.vc_custom_1526680382655{margin-top: 15px !important;margin-bottom: 60px !important;padding-right: 10% !important;padding-left: 10% !important;}”][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%2273%22%2C%22color%22%3A%22blue%22%7D%5D” title=”100 Days of Code, Round 1″ percentage_value=”27″ title_color=”#3e3e3e” bar_color=”#1b7da9″ track_height=”20px” track_color=”#e7f6fc” m=”20″ extra_class=”” units=”%”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Goals For Today:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][ultimate_icon_list icon_size=”16″ icon_margin=”20″][ultimate_icon_list_item icon_type=”custom” icon_img=”id^4091|url^https://www.blissfullemon.com/wp-content/uploads/2018/05/done.png|caption^null|alt^null|title^done|description^null”]Finish project #2 from ‘React for Web Designers’ course[/ultimate_icon_list_item][/ultimate_icon_list][vc_column_text]Today’s update is going to be another fairly short one. I just wanted to touch base and tell you all where I am at with this ‘React for Web Designers’ course.

As expected, I finished the second project! Here are a few of the things I learned today:

  • How to use CSS animations within my React components using animate.css
  • How to incorporate a reset button into my form filter to allow the user to start over without having to manually select and update each field. This is similar to previous projects that also included a reset field, but it was another great example of using React to completely control all the fields and buttons.

There wasn’t really anything¬†new today in terms of the actual React library or anything like that, but it was still a pretty successful day as animating with CSS is something that I really want to get some experience in.

As with the first project, the files are all stored on my local server for now, so I am not really able to share the finished site. I plan to upload them all to my playground soon, but for now, I’ll just show you a few screenshots of the finished project.[/vc_column_text][vc_single_image image=”5894″ img_size=”large” add_caption=”yes” alignment=”center” style=”vc_box_shadow”][vc_single_image image=”5895″ img_size=”large” add_caption=”yes” alignment=”center” style=”vc_box_shadow”][/vc_column][/vc_row]

Let's chat!

%d bloggers like this: