Skip to content

sylviesworldcss/zodiac-sign-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

'When's Your Birthday?' - Zodiac Sign Generator ✨

Overview:

'When's Your Birthday?' is a fun and interactive Zodiac Sign Generator. Enter your birth month and day, and discover your zodiac sign instantly. Built with HTML, CSS, and JavaScript, this app combines front-end skills with a touch of astrology. This tool could be easily expanded into a personalized astrology experience for websites or apps in the wellness or lifestyle sectors. Imagine integrating it with user profiles, adding horoscope readings, or offering personalized product recommendations based on zodiac signs. It's a fun and marketable tool that can keep users coming back for more personalized insights.

wyb-cover

What I Learned:

DOM Manipulation: Updating content dynamically based on user input. Input Validation: Ensuring valid birth date inputs for accurate zodiac results. Responsive Design: Creating an app that looks great on all devices. Astrology Basics: Understanding date ranges for each zodiac sign.

Features:

Enter Birthday: Input your month and day to find your zodiac sign. Background Video: A beautiful, cosmic starscape video enhances the experience. Responsive Layout: Optimized for both desktop and mobile. Reset Button: Easily reset the form to try again.

How to Use:

Open the app in your browser.

Enter your birth month (e.g., "February") and day (e.g., "26").

Click "Zodiac sign" to reveal your sign.

Use "reset" to clear the fields.

Example: Input: Month = "February", Day = "26" → Output: Pisces ♓

Installation:

Clone the repository and open the index.html file in your browser: git clone https://github.com/your-username/zodiac-generator.git cd zodiac-generator open index.html

Technologies Used:

HTML, CSS, JavaScript

Contributing:

Fork the repo, create a branch, and submit a pull request with your improvements.

License:

MIT License

Future Ideas:

Horoscope Feature: Add daily or weekly horoscopes. User Personalization: Allow users to save their birthdays for future visits. Social Sharing: Let users share their sign on social media.

About

'When's Your Birthday' Quick and easy app to look up zodiac signs!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors