Skip to content

robin-ivi/Frontend-Challenge-February-Edition

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Challenge: February Edition!

Love Language Discovery A Pen created on CodePen.

Original URL: https://codepen.io/robin-ivi/pen/ZYEbZzd.


Love Language Discovery

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.

Features

  • 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.

Technologies Used

  • 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.

Installation

  1. Clone the repository:

    git clone https://github.com/krishna-ommune/Frontend-Challenge-February-Edition.git
  2. Navigate to the project folder:

    cd Frontend-Challenge-February-Edition
  3. Open the index.html file in your browser to get started.

Usage

  1. Start Quiz: Click the "Start Quiz" button in the quiz section to begin answering questions.
  2. View Results: After completing the quiz, see the distribution of your love languages in a bar chart.
  3. Explore Stories: Read real-life love language stories to gain insight into how others express their love.
  4. Complete Challenges: Accept daily challenges to improve the way you express love.
  5. Share: Share your results on social media with the integrated share buttons.

Contributing

We welcome contributions from the community! If you'd like to help improve this project, follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Commit your changes (git commit -am 'Add feature').
  4. Push to the branch (git push origin feature-name).
  5. Submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

  • 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!

Red and White Modern

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •