Giter Club home page Giter Club logo

funfactshpr's Introduction

Fun Facts HPR

Intro

You can access the website at https://fun-facts-hpr.netlify.app/. πŸŽ‰πŸŽ‰

Welcome to our Fun Facts HPR website! This project is a React-based web application. The main purpose of this website is to provide a platform for sharing interesting facts about my student rocket team πŸš€ HPR (High Power Rocketry).

Know more about HPR: https://www.monashhpr.com/.

Screen Shot 2024-04-12 at 20 41 36

Technology Stack

Frontend: JavaScript, React

Backend: Supabase

Features

  1. Share Fun Facts

    You can share fun facts about HPR through the share by clicking the share button in the top right corner of the website. This will expand a form where you can fill in your fact along with a credible source and a subsection category. The form automatically records the word count (limited to 200 words) before publishing. Screen Shot 2024-04-12 at 20 07 44

  2. Interact with Facts

    Once a fact is published, other users can interact with it by liking πŸ‘, disliking ❌, or marking it as mindblowing 🀯. Each user can only like a fact once per session. Once a vote is cast, the corresponding button becomes inactive and turns red. If a fact receives too many dislikes, it will be marked as '❗️DISPUTED'.

    Before voting: Screen Shot 2024-04-12 at 20 33 07 After voting: Screen Shot 2024-04-12 at 20 33 28

  3. Browse by Subsection

    The 'All' button and the initial page displays facts from all categories. You can browse facts from specific subsections by clicking on other 8 subsection categories in the sidebar. Each category's tag color corresponds to its respective subsection.

    Screen Shot 2024-04-12 at 20 41 53

Contributing

I welcome contributions from anyone interested in improving our Fun Facts website! Whether it's adding new features, fixing bugs, or suggesting enhancements... You can contribute in 3 ways:

  1. Visit the website and explore by yourself, give me feedback by email or message.

  2. Click on the "Issues" tab, then click the "New issue" button to create a new issue. Here, you can describe the details of the bug, the steps to reproduce it, and the expected behavior.

  3. If you not only find a bug but also provide a solution, you can fork my repository, make changes on your own branch, and then submit a Pull Request (PR) to me. In the PR, you can describe the changes you've made and how you've addressed the bug.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute it according to the terms of the license.

Thank you for visiting our Fun Facts website! We hope you enjoy exploring and sharing interesting facts about HPR with us.

funfactshpr's People

Contributors

yingxue0323 avatar ying-xue-li avatar

Watchers

 avatar

Forkers

yingxue0323

funfactshpr's Issues

Authentication needed

Once device only can't vote the same button multiple times.
Now they can do it by refreshing the page

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.