DEV Community

Cover image for ChezElle Intranet : Frontend Challenge Office Edition
Capin Judicael Akpado
Capin Judicael Akpado Subscriber

Posted on

ChezElle Intranet : Frontend Challenge Office Edition

Frontend Challenge Holistic Webdev Submission

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space

What I Built

I built a dynamic and engaging intranet homepage using only HTML, CSS, and JavaScript. The interface includes a personalized welcome message that greets users based on the time of day and their name, stored locally for a consistent experience across visits. It also features a floating virtual assistant icon that opens a helpful panel with quick-access internal resources. This design provides a user-friendly, modern look while remaining lightweight and accessible without a backend. It contains again news sections, archives highlights and other thing.

Demo

Link of deployment : https://frabjous-twilight-eeed40.netlify.app/

Github link with MIT License : https://github.com/Judakp/FrontendChallenge-Axero.git

Journey

I started by designing a clean layout, prioritizing user engagement and usability. The first component I implemented was the dynamic welcome message, using JavaScript to greet users according to the current hour and storing their name via localStorage. This makes the experience feel personal and consistent.

Next, I added a virtual assistant bubble that stays fixed at the bottom corner. When clicked, it reveals a compact panel with helpful internal links like accessing documents, contacting HR, or checking the schedule. I used smooth hover effects and light shadows to make the interface visually appealing and intuitive. I finally created news sections , archives highlights and other thing.

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.