https://github.com/lgope/til
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 ððŧ
https://github.com/lgope/til
netlify react-18 reactjs supabase-js vitejs-react
Last synced: 8 months ago
JSON representation
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 ððŧ
- Host: GitHub
- URL: https://github.com/lgope/til
- Owner: lgope
- Created: 2023-08-21T05:38:28.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-02T04:39:44.000Z (almost 2 years ago)
- Last Synced: 2024-12-30T01:53:36.517Z (9 months ago)
- Topics: netlify, react-18, reactjs, supabase-js, vitejs-react
- Language: JavaScript
- Homepage: https://today-i-learn-lgope.netlify.app/
- Size: 117 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
#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](https://opensource.org/licenses/MIT).
## Deployed Version ð
Feel free to visit ððŧ https://til-lgope.netlify.app/