Project codes are available at
Github
This is a simple web application built with React that allows users to input their name and date of birth to get
their age and zodiac sign. The application calculates the user's age based on the provided date of birth and
determines their zodiac sign (horoscope) accordingly. It also displays the relevant horoscope image
Features
- User Input Form: Users can enter their name and date of birth through a user-friendly
form.
- Age Calculation: The app calculates the user's age based on the provided date of birth.
- Horoscope Determination: Using the date of birth, the app determines the user's zodiac
sign
(horoscope) from Aries to Pisces.
- Output Display: The app displays a personalised message including the user's name, age,
and
horoscope.
- Horoscope Image: An accompanying image related to the user's horoscope is displayed for
a
more visual experience.
Files and Structure
- Form.js: React component for the user input form.
- Output.js: React component for displaying the user's information and horoscope.
- HoroscopeImage.js: React component for displaying an image related to the user's
horoscope.
- styles/Form.css, styles/Output.css: Stylesheets for styling the form and output
components.
- Title.js: React component for displaying the title of the application.
- App.js: Main component that integrates the Form and Output components.