code, magic

I had totally missed this announcement when it happened, it really kind of flew under the radar. but I really do feel like it's a big deal.

MDN is one of those sites that I can't live without as a developer and to find out that they're working on creating and refining their own developer curriculum is really exciting.

Now whenever anyone asks me how they can get started in web development I'll have exactly one place to point them to and I know it will be the best resource available. 🤓

I was thinking I should do some small updates to my portfolio.

Guess who just spent 5 hours straight coding?

It's now 3am 😭

Hiya! 💗 Today, I stumbled upon an absolute gem that I wanted to share with all of you. If you're learning about web design and inclusivity as I am, this is something you might want to look into~!

Some links to resources with ideas for projects or apps you can build. This is the best way to learn. At some point you'll have to stop with the tutorials and take a step into full software application development.

📒 App Ideas Collection

Build your own X

Build a real world, production ready app

The Super Tiny Compiler

Projectbook - 100+ project ideas for learning any programming language

ProjectLearn - Learn to Code by Creating Projects

After a brief (or long, depending on how you look at it) hiatus, I am back on tumblr.

Looking forward to reconnecting with all my codeblr buddies! 🤓

Finished my todo app today! I haven't felt very good today, but we're making progress nonetheless.

Built a basic expense tracker with react :)

The course instructor was like "spend about an hour on it, and if you get stuck no worries, you're learning it's normal". So I spent maybe 5 hours on it hahaha. But I got it done! And I learned a lot about form validation and using hooks to manage state. Some parts were so challenging and I had a hard time figuring out the logic of sending state across components via props, plus typescript was always there to humble me ಥ_ಥ but I'm proud of myself.

✧*6/28/2023*✧

finally added a much wanted feature to my todo app! ( ◡̀_◡́)ᕤ

!!!saving tasks in local storage!!!

⁽ᴵ ᵃˡˢᵒ ᵃᵈᵈᵉᵈ ᵃⁿ ᵃᵈᵈ ᵗᵃˢᵏ ᵇᵘᵗᵗᵒⁿ ᵇᵘᵗ ᵗʰᵃᵗˢ ⁿᵒᵗ ᵃˢ ⁱᵐᵖᵒʳᵗᵃⁿᵗ⁾

so when you refresh or close the page and come back to it your tasks still stay there wooooo ৻( •̀ ᗜ •́ ৻)

it still looks absolutely terrible but its one step forward!!

next steps/future features:

✧ delete task button ✧ rearrange tasks

. • ☆ . ° .• °:. *₊ ° . ☆ . • ☆ . ° .• °:. *₊ ° . ☆ . • ☆ . ° .• °:. *₊ ° . ☆

Hey there, lovelies! Welcome to my little coding haven, where I, Josie, share my humble coding adventures in this blog of mine.

As a Computer Science university student, I'm on a journey of exploration and growth. Dreaming of blossoming into an amazing User Experience Designer someday!

Today I'm working on a multi-day assignment - a bitcoin digital wallet app using the Vue framework! Crypto is not my jam but fortunately this is just a theme for a CRUDL app that will let me practice this new framework for the first time, as well as improve my design and UX skills! I will also work with some APIs for drawing the required data and libraries for visualizing it with charts.

I actually started this project a few days ago, but have not been in a good mindset to make a lot of progress. So far Vue seems simpler than React, so I hope today will go better!

The concept of this app is to be a digital wallet, where the user has an amount of 'bitcoin' and a list of contacts to whom they can transfer money.

So far I have a pretty solid layout, a header and footer, and I managed to render a list of previews of contacts.

The plan for today:

implement a filter

implement the rest of the CRUDL features

create a statistics dashboard

I have implemented a simple filter!

After that, I couldn't help myself and had to try out those cool Vue <transition> tags to add a cute hover effect so the buttons on the contact previews will only show when the user hovers over the preview. Unfortunately it didn't work out for the effect I wanted, and I ended up executing it with my own CSS classes.

True, I didn't get a lot of the functionality done, but I made sure that the things that are there work smoothly.

I also ended up doing a complete redesign last night (because I was sick of functionality and wanted it to at least look cool), and ended up with a really awesome looking, responsive web app!