GithubHelp home page GithubHelp logo

lightoftwelve / its-quiz-time Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 11.46 MB

Welcome to Logic Lab's Know-It or Blow-It JavaScript Quiz. This engaging and dynamic code quiz presents an excellent way to test and improve your JavaScript knowledge. The quiz begins when you hit the start button, activating a countdown timer and presenting you with your first question.

Home Page: https://lightoftwelve.github.io/its-quiz-time/

CSS 26.37% JavaScript 49.62% HTML 24.01%
fullstack fullstack-developer highscores html-css-javascript javascript quiz-app quiz-game quizapp sound-effects uiux-design uiuxdesigner web webapp

its-quiz-time's Introduction

About Me

🚀 As a spirited entrepreneur with a rich 15-year journey in UI/UX design, I've now embraced the exciting world of full-stack development. My tech adventure started in Telecommunications Engineering and web development as a leisure pursuit. This path ignited my entrepreneurial spirit, leading to successful ventures in real estate, e-commerce, and software development, creating job opportunities for many others along the way.

💡 Presently, I'm steering the ship as the CTO & Co-Founder of Write Guide AI, where we innovate in AI-driven article and social media content generation, giving business owners and hobbyists the opportunity to free up their time by letting Write Guide AI write blogs and social media content for them! Simultaneously, I am the CEO & Founder Light of Twelve, a unique global gemstone and mineral enterprise. Here, I blend my love for storytelling with spirituality, tarot, astrology, crystal healing, and more, crafting compelling narratives for our audience.

I'm at my best when tackling complex challenges in fast-paced environments, finding great satisfaction in exceeding expectations. This passion fuels my growing interest in full-stack development, adding a new dimension to my skill set. Alongside technical prowess, I bring expertise in project management, business planning, e-commerce, SEO optimization, import/export, and real estate investment.

Join me on this journey as I continue to explore the intersection of technology, creativity, and business acumen, always aiming to push boundaries and inspire innovation.


CSS  React  HTML  JavaScript  d3js  Redux   babel  jquery  typescript  webpack  nextjs  NodeJS  handlebars  mongodb  graphql  MySQL  sequelize  Material UI  bootstrap  Git  jest  openal  canva 

Top Langs

...& more



💻 Current Exciting Projects


Write Guide AI | Ongoing development

Write Guide AI Logo

At Write Guide AI, we're redefining content creation. Imagine inputting a few simple parameters – keywords, desired word count, tone, and title – and watching as our AI swiftly crafts high-quality articles up to 4000 words in under 5 minutes. Our platform extends its prowess to social media, creating posts that engage and resonate. Every piece of content is SEO-optimized, ensuring your message reaches its intended audience effectively.

As we move forward, we're excited to integrate machine learning capabilities for even more nuanced and effective SERP analysis, competitor research, advanced keyword mapping, content suggestions, and more! Our journey is not just about creating content but shaping the future of how digital content interacts with audiences and search engines alike.



Light of Twelve | Established e-commerce platform

A comprehensive worldwide e-commerce platform for gemstone and spirituality enthusiasts with two international warehouses. Built with Shopify and integrates with various payment gateways and shipping providers.

Development Projects for Light of Twelve

  • Tarot Reading App:
    • An intuitive and personalized tarot reading application that provides insights and guidance for users. It utilizes machine learning algorithms and a vast database of tarot interpretations generated based on users' input questions.
  • Birthchart Generator & Daily Horoscopes
    • A birthchart and horoscope generator that provides real-time horoscope data, birth chart calculations, and compatibility analysis. Designed to be seamlessly integrated with the Shopify store.
Write Guide AI Logo


Astrology API | Ongoing Development

An astrology API that provides real-time horoscope data, birth chart calculations, and compatibility analysis. Designed to integrate seamlessly with websites or applications for other business owners and hobbyists to use in their digital platforms, offering their customers top-of-the-line, accurate results.



GitHub Streak


Feel free to explore these projects and provide any feedback or suggestions!


🛠️ Skills

🔧 Throughout my journey, I've acquired a diverse set of skills:

  • Frontend: HTML, CSS, JavaScript, React, Typescript, jQuery
  • Backend: Next.js, Node.js, Express.js, MongoDB (Mongoose), MySQL (Sequelize), API Creation, GraphQL, Handlebars, Amazon Web Services (Lambda, Cloudfront, S3, SQS), Webpack (creating PWAs), C, C#, C++
  • Libraries: Bootstrap, Material UI, Prime React, Materialize, Owl Carousel, jQuery FancyBox
  • Third Party APIs: OpenAI, Google Map Services
  • Common Packages: D3, Chart.js, Editor.js
  • Design: UI/UX, Lightroom, Photoshop, Canva, Midjourney, Dall-E
  • Business: E-commerce, Project Management, Business Planning, Financial Management, Forecasting, Marketing
  • Other: Import/Export, Real Estate Investment, Copywriting, SEO Expertise, SEMrush, SurferSEO, Google Analytics, Google Search Console

...& more

📫 Contact

📧 Want to collaborate or have any questions? Feel free to reach out to me through the following:

Let's connect and create something awesome together!

✍️ Blog

📝 I love sharing my thoughts and insights on my blogs. Here are two captivating blogs from my e-commerce business that not only provide valuable information but also help drive organic traffic through SEO strategies:

  • Learning About Tarot: "Tarot Card Reading: Unlocking the Secrets of the Arcana."
  • The Healing Crystal Guide: "Harnessing the Power of Crystals: Exploring the Healing Energies, Science and History of these fascinating gemstones."

Take a look and let me know your thoughts!

🎉 Fun Fact

⚡️ Fun Fact: Did you know that crystals have been used for centuries for their healing properties and spiritual significance? Different crystals are believed to possess unique energies and can be used for various purposes, such as promoting balance, enhancing focus, or attracting positive energy. From ancient civilizations to modern practices, crystals continue to captivate us with their beauty and metaphysical properties.

its-quiz-time's People

Contributors

lightoftwelve avatar

Watchers

 avatar

its-quiz-time's Issues

Sounds Part 2

Sounds

User Story

AS A developer
I WANT to incorporate sounds into the quiz game
SO THAT the user can have an enhanced audio experience based on their actions.

Acceptance Criteria

GIVEN a user is on the high score page
WHEN they view the page
THEN background music should play to create an enjoyable atmosphere.

GIVEN a user has completed the quiz and received a low score
WHEN the game is over
THEN a game-over sound should play to indicate the end of the game.

Quiz Completion and High Scores

Quiz Completion and High Scores

User Story

AS A developer
I WANT to allow users to view and save their final scores and initials once the quiz is finished,
SO THAT users can track their progress and compete with others.

Acceptance Criteria

GIVEN a user has finished the quiz or the timer has reached zero
WHEN the game ends
THEN the user should be able to view their final score and enter their initials.
WHEN the user submits their score and initials
THEN this information should be saved and displayed on a high scores page.

Responsive and Attractive Interface

Responsive and Attractive Interface

User Story

AS A developer
I WANT to design a clean, polished, and responsive user interface,
SO THAT the quiz provides a visually pleasing and accessible experience for users.

Acceptance Criteria

GIVEN a user is using the quiz app
WHEN they navigate and interact with different features
THEN the user interface should respond smoothly and display correctly across different screen sizes.

Quiz Restarting and Score Resetting

Quiz Restarting and Score Resetting

User Story

AS A developer
I WANT to add functionality that allows users to restart the quiz and reset scores,
SO THAT users can retake the quiz to improve their scores.

Acceptance Criteria

GIVEN a user has completed the quiz
WHEN they select the option to retake the quiz
THEN the quiz should restart, the timer should reset, and the score should be cleared for a new session.

Dynamic HTML and CSS Updates via JavaScript

Dynamic HTML and CSS Updates via JavaScript

User Story

AS A developer
I WANT to write JavaScript code that updates the HTML and CSS dynamically,
SO THAT the quiz is engaging, interactive, and reacts to user actions in real time.

Acceptance Criteria

GIVEN a user is taking the quiz
WHEN they perform actions such as answering a question or starting a new session
THEN the HTML content and CSS styling should dynamically update to reflect these actions.

Investigate and Resolve Issue with Incorrect Quiz Answer Validation

Investigate and Resolve Issue with Incorrect Quiz Answer Validation

User Story

AS a developer
I WANT to investigate and resolve the issue with incorrect quiz answer validation
SO THAT users receive accurate feedback on their quiz responses.

Acceptance Criteria

GIVEN a quiz question with multiple correct answers,
WHEN a user submits an answer,
THEN the system should mark it as correct if the user's answer matches the correct answer

Quiz Questions and Answers

Quiz Questions and Answers

User Story

AS A developer
I WANT to create a multiple-choice question set with correct and incorrect answers,
SO THAT users can engage with a dynamic and challenging quiz.

Acceptance Criteria

GIVEN I have a list of questions and multiple-choice answers
WHEN I enter them into the system
THEN they should be correctly stored and retrievable for quiz display.

Answer Verification and Score Calculation

Answer Verification and Score Calculation

User Story

AS A developer
I WANT to implement a scoring system that evaluates user answers and adjusts scores and time accordingly,
SO THAT users can see their scores and have the opportunity to improve their performance.

Acceptance Criteria

GIVEN a user selects an answer to a question
WHEN the answer is correct
THEN their score should increase based on their speed of response, and the next question should be presented.
WHEN the answer is incorrect
THEN time should be deducted from the timer, and the next question should be presented.

Sounds

Sounds

User Story

AS A developer
I WANT to incorporate sounds into the quiz game
SO THAT the user can have an enhanced audio experience based on their actions.

Acceptance Criteria

GIVEN a user is taking the quiz
WHEN they answer a question correctly
THEN a chime sound should play to provide positive feedback.

GIVEN a user is taking the quiz
WHEN they answer a question incorrectly
THEN a corresponding sound should play to indicate an incorrect answer.

High Scores Page

High Scores Page

User Story

AS A developer
I WANT to design a separate high scores page,
SO THAT users can compare their scores against their peers' scores and motivate themselves to improve.

Acceptance Criteria

GIVEN a user wants to view the high scores
WHEN they navigate to the high scores page
THEN they should see a list of initials and corresponding scores sorted in descending order.

Timer Functionality

Timer Functionality

User Story

AS A developer
I WANT to add a timer to the quiz that starts when a user begins the quiz,
SO THAT the quiz simulates a real-world timed testing environment.

Acceptance Criteria

GIVEN a user starts a new quiz
WHEN the first question is displayed
THEN the timer should start counting down.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.