While my final project for Flatiron is sleek on first glance, it resembles Cyberpunk 2077 in that it only looks great in the best circumstances.
My project Code Wanderer is a React / Redux resource hub for new programmers. It lets users add resources like .PDFs and memes about programming that help understand new concepts. It has a ‘Wander’ button that shuffles a bunch of links and resembles StumbleUpon.
I made the CSS myself and love how it looks. But it only works when your view is a computer screen. Everything works the way I want, but if you’re viewing from a phone, it looks trash.
It’s taught me that in a crunch I can make a massive, scaleable project in a short time and do way more than I thought I could. It’s like when my coaches would push me to do a few more line drills, after I’d reached full lung failure minutes prior.
I’m fixing this. Since my CSS was so experimental and intricate, it’s proving quite difficult to rearrange into a responsive web app.
So I’m going to rebuild the entire thing. It’ll be hyper-focused, drilling new coders into the routines they need to create with the resources that will help them get there in a fun, refreshing way. Overstimulation and plethora of choice can be paralyzing.
It will give me the chance to tweak the program to be more useful. And reinforce good React concepts. I’ll change local state to useState and implement hooks instead of the way I originally did it.
I’ll still use Redux because it’s important that I show I can master the store that way again. It will also be crucial to use the Wander button again, as I only made it work as a shuffle through an action creator modifying the store.
This time, I’ll build the CSS through Sass like I have been taught in my most recent lessons. Tagging more divs and building from the inside out with a pure concept in mind will help me make it responsive from the beginning.
Though, I did build the site exactly the way I imagined it when I made it in my mind, evidenced above.
Excited to have a project to work on to show my worth, and reinforce concepts while I prepare to interview.
Top comments (0)