-
Notifications
You must be signed in to change notification settings - Fork 134
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
MultiStepForm - Nella and Cholpon #85
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job with this project!
You've met the requiirements
Also really interesting topic. I love predictions.
Speaking of predictions, it would probably make sense to keep those predictions more as plain data. for example in a json file or at least just in a js file. No need to keep it in a component.
Feedback:
Code Organization: The introduction of new components is well-structured, making the codebase modular and easier to manage.
Styling: The CSS updates ensure a cohesive and visually appealing design. The use of custom fonts and gradients adds a unique touch.
Functionality: Integrating the MultiStepForm component into the main App component is a good approach to manage form states and steps.
Keep up the awesomeness
selectedMonth={selectedMonth} | ||
selectedDay={selectedDay} | ||
/> | ||
<button type="submit" disabled={!isFormValid}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice to do a check for disable the button
}; | ||
|
||
// Function to determine zodiac sign based on day and month | ||
const getZodiacSign = (day, month) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👏
if (signGroup) { | ||
switch (category) { | ||
case "Career": | ||
return signGroup.Career; | ||
case "Love life": | ||
return signGroup.Love; | ||
case "Personal life": | ||
return signGroup.Personal; | ||
default: | ||
return "No prediction available."; | ||
} | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
with a tiny little refactor (love life vs love etc.) you should be able to shorten this to only use this approach:
signGroup[category]
Netlify link
Add your Netlify link here.
PS. Don't forget to add it in your readme as well.
https://2025-horoscope.netlify.app/
Collaborators
https://github.com/cholpoun