Celestial Editorial

Celestial Editorial is a horoscope-style web app where users can select a zodiac sign and view a generated reading in the browser.

The project was inspired by the Codecademy Full-Stack Engineer Mixed Messages exercise and expanded into a browser-based version using HTML, CSS, and JavaScript. It was developed as a collaborative practice project focused on working with Git, GitHub, shared code, and team-based development.

Demo

Features

• 12 zodiac sign cards with date ranges and icons
• Reading section displayed after sign selection
• Sign-specific descriptions, chart meanings, lucky numbers, and lucky colors
• Random love, work, money, and health messages
• Responsive layout
• Entertainment disclaimer for generated readings

Built With

• HTML5
• CSS3
• JavaScript
• Font Awesome

Team Contributions

• Fatima: initial HTML structure, layout planning, BEM-style class naming, and later JavaScript refactoring.
• Alejandro: JavaScript functionality, HTML integration, and final design review.
• Anas: CSS styling, responsiveness, and final design adjustments.

Acknowledgements

• Dubem: design suggestions and HTML review.