The inspiration behind this project was my interest in graphic design. I always loved making profile pictures for myself and my friends. I found joy in taking requests from people and doing my best to fulfill them. Also, I never made a website before, so I really wanted to dive in and try something new.
What QuickLogo does
My project, QuickLogo, is a website where a user can browse different logos and save them. All logos on this website are in the public domain which means they are free to use with no restrictions. Also, there is a request section to the website (not fully functional yet) that will take requests from users and the logo will be made based of them.
How QuickLogo was built
QuickLogo was built in replit.com. Using the replit IDE, I used HTML and CSS to create the website. I used HTML to establish the content and used CSS to style and make the website look more appealing. I created multiple HTML files so I could transition between the different html webpages using the "a" tag. CSS files were used to style each new HTML page. PNG files of website assets were also added so it could be retrieved by the "img" tag. I used photoshop to create the logos and also the home page buttons that are on the website.
Challenges I ran into
I had prior experience with HTML and CSS but never really went in-depth and never spent a lot of time on it. I had to learn a lot of new things on the go which was quite challenging for me. At times I had trouble identifying errors in my HTML and CSS code. I would have to read my code multiple times to find the error which took my a while. Additionally, I also ran into positioning problems where certain parts of the webpage were not in place. It took me a while to find the right tags to position the website elements correctly. Furthermore, I added a user response form so I could receive requests from the website. However, I did not know how to store and receive the data from the form responses so the request part of the website is not fully functionally. The request section is still there, but the form responses are not saved.
Accomplishments that I'm proud of
I am proud of finally taking initiative and creating my first website. I was able to do something in 1 day that I had not done before. Certain aspects of the website that I am especially proud of includes making the home page buttons bigger when the cursor is hovering over it. I am also proud of accomplishing the task of transitioning between HTML pages, something that I previously thought was challenging.
What I learned
I learned how to position content and text in HTML and CSS. I was able to take a more in-depth look at HTML and CSS and learned of various tags and attributes that helped me develop my web page. I learned about the different ways I could style my webpage using CSS (padding, margin, display, etc.)I learned how to transition between HTML webpages through the href attribute.
What's next for QuickLogo Website
The next step for QuickLogo is making the request part of the webpage fully functional by making it so the data from the form responses can be saved. I also want to add a submission section for people to showcase their work and post it on the website. Moreover, I also want to add a tutorial section to the website to help teach some graphic design and how to make logos.