DEV Community

Cover image for Frontend-Challenge-December-Edition by Umar Farooq
Umar Farooq Shaik
Umar Farooq Shaik

Posted on • Edited on

2 3 2 1 3

Frontend-Challenge-December-Edition by Umar Farooq

This is a submission for Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice

What I Built

This project is a visually appealing and informative website about Winter Solstice Celebrations Around the World. It explores the science behind the solstice, the contrasting experiences across hemispheres, and diverse cultural celebrations and traditions. The website features a winter-themed background, smooth scrolling for effortless navigation, animated visuals (such as spinning images and fade-ins), and a responsive design tailored for desktop and mobile users. Built with HTML, CSS, and JavaScript, it highlights the connection between humanity and this cosmic phenomenon.

Live Demo:

Check out the live demo here:
https://frontend-challenge-december-edition-three.vercel.app/

Github:

https://github.com/umar-farooq-shaik/Frontend-Challenge-December-Edition

Journey

This project was an opportunity to showcase the significance of the Winter Solstice through visually engaging web design. I explored creative elements such as smooth scrolling, particle animations, and glowing effects to enhance the UI/UX and provide an immersive experience, while learning how to effectively incorporate animations and responsive design into the website.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay