For my second project during my time at Flatiron School, I saw an exciting change in my process. When it came time to begin working on a project I felt much less stress in how I was going to go about my project, instead, I felt excitement. I was ready to use the knowledge I had gathered to make something that I could call my own. Group projects in Flatiron were also very exciting, but my first solo project had me feeling even more ecstatic to see what I could accomplish. The point of this blog will be to discuss how I incorporated the functionality of the backend for my code and once I accomplished that, I tackled CSS to personalize my creation. Putting together all the pieces of developing my project really helped me to understand how it all comes together during the process of software development.
When it came to the functionality aspect of my project, my eyes were opened yet again to the immense possibilities of accomplishing a task by writing code. There were ideas in my head that I knew the basic concept of how to make happen, yet I found myself getting lost and slightly intimidated by how many different ways I could accomplish what I was trying to do. After finishing writing my code and seeing my functionality come to life, I realized that this concept was not something I should feel scared of, but something I could use to expand my skillset in software engineering. I wrote my code based on my most comfortable idea of how I would get the task done, yet I saw how the other options could have increased functionality even more. This made me hunger for the other possibilities and I left my phase 2 project feeling ambitious about how I can explore all of my options in future projects to really increase functionality and maximize my coding knowledge in the process.
On top of my increased understanding of functionality, I also felt a similar understanding happening in the styling aspect of my project. I had spent the majority of my time at Flatiron studying coding functionality and how I could get things to work properly, yet in this project I delved into another learning experience when it came to CSS. It was such a satisfying feeling to see my webpage not only remain functional but become personalized to my liking. I also realized that I had only scratched the surface of the possibilities in styling as well. My styling process consisted of using basic CSS for each element, but I originally had intended to use Tailwind. I ended up saving Tailwind for a future project, but my increased understanding of CSS after I was done styling showed me how much more could be accomplished and how there could be faster and perhaps even better methods of styling.
.brandfeedimage {
object-fit: contain;
margin-bottom: 50px;
margin-top: 50px;
border-radius: 20px;
max-height:600px;
max-width:600px;
}
.home-image {
margin-top: 65px ;
width:1630px;
box-sizing: border-box;
filter: blur(5px);
border-radius: 20px;
}
.yourskaterfeed {
max-width: 400px;
margin-left: 500px;
margin-right: 300px;
text-align: center;
}
.yourbrandfeed {
max-width: 400px;
margin-left: 500px;
margin-right: 300px;
text-align: center;
}
.skaterfeedimage {
object-fit: contain;
margin-bottom: 50px;
margin-top: 50px;
border-radius: 20px;
max-height:600px;
max-width:600px;
}
.skaterfollowbutton {
padding: 10px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: larger;
text-decoration: underline;
width: 100px;
}
.skaterfollowbutton:hover {
background-color: #FB3640;
}
The above block of CSS is only a small portion of my App.css component, yet it is a good example of the vastness of techniques I learned whilst styling my webpage. Upon. seeing how many different ways I could customize each element in my project, I left feeling satisfied yet still wanting more. On my next project, I plan to incorporate Tailwind into my code to hopefully accomplish the same concept only with a faster and perhaps more intuitive method. I am excited to learn about Tailwind next time so that I can continue increasing my skills and incorporate those skills into future projects as I continue my career.
In conclusion, I want to reiterate the importance it means to me that these projects are teaching me not only how to create something of my own and implement the knowledge I have been learning over my time in school, but they are also showing me a horizon of endless possibilities of knowledge that I plan to use for the rest of my professional career. Each project leaves me feeling more ambitious for the future and I want to take what I learn from each creation and continue to expand on it. This is not only for my time at Flatiron but for my time post-graduation when I begin searching for careers and looking for positions where I can use this knowledge and continue to expand on it. My hunger for accomplishing more in the field of software development is only growing and I cannot express how excited I am to use that hunger to accomplish great things. I cannot wait to see how much more I am able to accomplish in the future and what I am able to create as I expand on the skills I have learned in this field.