DEV Community: Margaret W.N

Day 100: I did it !!

Margaret W.N — Sat, 24 Oct 2020 19:13:33 +0000

Today's work:

I completed the second section and read code on routing. I got a recommendation to use nested routing for the second menu so I'm learning routing and i hope to switch to nested routing as soon as i understand how it works.

Allow me to properly hype this. 🥳💃 I did it!!! I'm so excited. This was AMAZING and TOUGH. I'm happy i didn't quit. Thanks to the amount of support I've received from this community.

Thank you🤗

Day 100/100

Day 99: Component communication got nothing on me 😎

Margaret W.N — Fri, 23 Oct 2020 19:59:53 +0000

I know I said I'd try something smaller but I just had to try one more time😂. This time I got it right 💃. Component communication got nothing on me😎.
The links to the components that were giving me a hard time: Menu, Tab, Card. Disclaimer: I'm not using the best practices here rather I'm working with what works and adjusting as I learn.

This means continue...

I was motivated to continue working on the design. Unfortunately, a designer's dream is a developers nightmare. I clearly created my own nightmare. After hours and hours of trying to get implement the design, I ended up with this. So close but not it.

You don't wanna know how I pulled that off😂, did some dirty tricks somewhere. Just so you know those are 3 flex cards and I switched the data for the last two cards to get to that. It sounded brilliant until I thought about responsiveness and it was clear that this was pretty dumb. The good thing is when your the developer and designer you can always choose to wake up from the nightmare and dream I again. I chose just that, redesign!

This was easy to implement. It feels good to be in control. 😌

I love the relationship I have with code, this whole back and forth thing is exciting. When I'm on the verge of giving up it somehow works out. If only relationships in real life we're this exciting.😂

That was Day 99

Day 98: Slow down for Vue

Margaret W.N — Thu, 22 Oct 2020 19:28:53 +0000

I learnt a valuable lesson today. Stop trying to run before you can walk. That's what I've been trying to do with Vue and I keep getting stuck. I will resort to a smaller project so I can familiarize myself with component communication.Before I think of progressing with the website.

I've spent the better part of the day being frustrated on why a concept that seems so easy in a tutorial is this frustrating. But it's part of the learning process though.🤗

Day 98

Day 97: Stuck!

Margaret W.N — Wed, 21 Oct 2020 20:23:37 +0000

Guess who is supper stuck? Me! I'm missing something on passing data to components. I was hoping I'd finish this project before day 100 but clearly that's not going to happen.

Worked on the last design section. Seems like I'm running
out of ideas for this.

My Day 97

Day 96: Vue project contd..

Margaret W.N — Tue, 20 Oct 2020 18:55:22 +0000

I'm still hanging in here. I implemented tabs in Vue and one card of the chef's special section

That's it for day 96!

Day 95: Vue project contd..

Margaret W.N — Mon, 19 Oct 2020 20:44:30 +0000

The was trouble in paradise today when I couldn't figure out how to update the content on the button component. A phone call and slots did the trick.

I tried using props too but I haven't figured out how to display a prop as content on the page.

I designed the next section of Kathy's Kitchen website

Then implemented the food menu.

The blue shade (or rather what I thought was blue) feels off on the webpage. It's a completely different color. I might as well work with white.

That's it for day 95!

Day 94

Margaret W.N — Sun, 18 Oct 2020 19:32:57 +0000

I got to explore server-side caching and web assembly in devfest 2020.

It's been an amazing weekend.
Day 94

Day 93

Margaret W.N — Sat, 17 Oct 2020 18:15:16 +0000

I'm pretty tired today, been an outdoors all day. I worked on a simple challenge on the 10-days-of-javascript in Hackerank and called it a day.

Day 93

Day 92:

Margaret W.N — Fri, 16 Oct 2020 21:27:50 +0000

I worked on responsiveness and the added some details to the design.

.Day 92.

Day 91: Landing Page Design and Implementation.

Margaret W.N — Thu, 15 Oct 2020 18:54:02 +0000

I finally completed the landing page and made a couple of changes in the process. This was an interesting one, I googled how to do everything in Vue 😅. I have to admit that after Brad's Crash course I thought I was ready for Vue, shock on me!!😂
.
The button is smaller on the implementation because the dimensions on the design appeared exaggerated on implementation.

Design

I also designed the next section. Still a work in progress though.

That's my Day 91

Day 90: Design Implementation

Margaret W.N — Wed, 14 Oct 2020 20:12:19 +0000

My work in progress.

Turns out I know nothing in Vue. The struggle is real, but i'm figuring it out on the way.

Day 90

Day 89: Design Day

Margaret W.N — Tue, 13 Oct 2020 19:15:51 +0000

Today's work was a website design. This will hopefully be my first website project in Vue. I designed the first section of the landing page.

I can't decide whether to align the navbar on the right or left. Here is the right aligned.

As for the coding bit of my day I started the 10-day javascript challenge on HackerRank.

And that was Day 89 for me