Today I Learned

This is a Full Stack application, basically to create and display facts along with their source of information, their category, and the voting system for each factor. In conclusion, this application's purpose was to explore the new version of React 18. Thanks 👍🏻

Description

First, you should click on the share a fact button. Then you share your facts.

If you want to share a fact you probably have to include these:

• ✅ The content of your fact
• 🚀 A trustworthy source which starts with [http:// or https://] like http://examplesite.com
• 🔥 And the fact's category [which you can choose from a dropdown list]

Also remember that there is a 200-letter limit to your fact 😉

Each fact consists of 3 buttons:

• 👍 Interesting
• 🤯 Mind-blowing
• ⛔ False

Note that if your fact's false votes are more than your interesting and mind-blowing facts together your facts will be disputed.

Also, there is a category section that includes various categories such as:

• All
• Science
• Technology
• Finance
• Society
• Entertainment
• Health
• History
• News

🔺 The app is connected to Supabase and you can retrieve data from the database, update, and insert new data.

🔹 Not to mention that the app is mobile friendly (It is completely responsive on mobile devices)

Usage

To upload a fact follow these steps:

1. Press the Share a Fact button to open the fact form
2. Enter your facts' text in 200 characters or less
3. Enter your trustworthy source beginning with http:// or https://
4. Select a category
5. Press the Post button.

Down below you can see the fact I just created! Note that the fact React was developed by Google is disputed, as seen by the [⛔️ DISPUTED] that precedes it. For a fact to be disputed, it must be voted false more than it was voted interesting. To vote on a fact simply press the 👍 or ⛔️ buttons as seen below as well.

Lastly, you can filter the facts in the database by their category type. Here we pressed the Society button to view only facts that relate to society.

Installation ⚒️

1. Server Setup

#1. Clone this project
~ git clone https://github.com/lgope/til.git
#2. cd into it
~ cd til
#3. Install server dependencies
~ npm i
#3. run app
~ npm run dev

Contributing 💡

Pull requests are welcome but please open an issue and discuss what you will do before 😊

Known Bugs 🚨

Feel free to email me at lakshman.gope2@gmail.com if you run into any issues or have questions, ideas, or concerns. Please enjoy and feel free to share your opinion, constructive criticism, or comments about my work. Thank you! 🙂

Future Updates 🪴

• Enable PWA
• Auth base vote
• Improve overall UX/UI and fix bugs
• Featured Facts and so on...

And More! There's always room for improvement!

License 📄

This project is open-sourced under the MIT license.

Deployed Version 🚀

Feel free to visit 👉🏻 https://til-lgope.netlify.app/