Original URL: https://codepen.io/robin-ivi/pen/ZYEbZzd.
A web-based interactive tool designed to help users discover their primary love language. This application educates users on the five love languages proposed by Dr. Gary Chapman and helps them understand how they give and receive love. It also provides an engaging quiz, visual distribution of love languages, and challenges to improve personal relationships.
- Interactive Love Language Quiz: Take a fun quiz to determine your primary love language.
- Love Language Distribution: Visual representation of your love language distribution using bars.
- Stories Section: Learn from real-life stories about how people express love through different languages.
- Daily Challenge: Receive daily challenges to practice your love language.
- Social Sharing: Share your love language journey with friends on social media platforms like Twitter, Facebook, and Instagram.
- HTML5: For the structure and layout of the web pages.
- CSS3: For styling the page, creating animations, and responsive design.
- JavaScript: For interactive features like quiz functionality, dynamic content display, and bar chart rendering.
- Font Awesome: For the inclusion of heart and other iconography.
- Responsive Design: The layout adjusts for optimal viewing on desktops, tablets, and mobile devices.
-
Clone the repository:
git clone https://github.com/krishna-ommune/Frontend-Challenge-February-Edition.git
-
Navigate to the project folder:
cd Frontend-Challenge-February-Edition
-
Open the
index.html
file in your browser to get started.
- Start Quiz: Click the "Start Quiz" button in the quiz section to begin answering questions.
- View Results: After completing the quiz, see the distribution of your love languages in a bar chart.
- Explore Stories: Read real-life love language stories to gain insight into how others express their love.
- Complete Challenges: Accept daily challenges to improve the way you express love.
- Share: Share your results on social media with the integrated share buttons.
We welcome contributions from the community! If you'd like to help improve this project, follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-name
). - Commit your changes (
git commit -am 'Add feature'
). - Push to the branch (
git push origin feature-name
). - Submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Dr. Gary Chapman for his insightful work on the 5 Love Languages.
- Font Awesome for their beautiful icons.
- All contributors who have helped improve this project.
This README provides an introduction to the project, guides for installation and usage, and invites contributions from others, ensuring your repository is well-documented for users and developers. Feel free to personalize it further based on your needs!