cozy crafts banner

cozy crafts

5 devlogs
5h 30m 13s

This project is a static website developed for the Cozy Crafts student organization at The University of Texas at Dallas. The website has 5 sections: a landing page, about, events, officers, and contact.

Demo Repository

Loading README...

vishalya18

Shipped this project!

Hours: 5.5
Cookies: 🍪 94
Multiplier: 17.04 cookies/hr

I made a static website for a craft club! I designed all the assets in figma and added animations and interactions so the site would be super cute and cozy. It has a landing page, about, events, officers section, and contact. later i’d love to add an intragram feed into our website and maybe even a admin/guest page. I learned how to properly deal with absolute position and mobile responsiveness properly. There are more things to clean up and tweak, but i’m pretty happy with the website :))

vishalya18

learnt how to add a favicon using a link tag in the head of the html

Attachment
0
vishalya18

created the officer section. added some fun hover effects too! struggled for a bit because I was trying to edit a id instead of a class object😂 Fixed some of the sizing in the media queries as well and fixed a few layout issues.

Attachment
0
vishalya18

finished adding the basic necessities to the website. I also added media responsiveness for most of the breakpoints. I have to go back and fix the formatting of the text and find a way for it to wrap naturally. Lastly, I will add a meet the officers section after designing the layout! website almost done :3

Attachment
0
vishalya18

coded the about events section! and added the correct formatting on the landing page using an absolutely positioned container enclosed in a relative container, so things won’t break as badly when it’s time to apply media query. had some issues with the containers filling, then removed a percentage height in individual containers to fix it.

Attachment
0
vishalya18

Created a base layout and started working on the hero and nav section! Created my own assets in Figma and am working on adding them in the website while paying attention to mobile responsiveness so I don’t break anything :’)

Attachment
0