Skip to content

A full-stack web application, which features a React front-end and a Supabase database.

Notifications You must be signed in to change notification settings

jesterb0206/today-i-learned

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Today I Learned


License


License: MIT This application is under the MIT license


Deployment Link


View


Deployment


☝🏻 Click there!


Table of Contents


Table of contents generated with markdown-toc


Description


Today I Learned was a full-stack web application I built as a part of Jonas Schmedtmann's Udemy course "Crash Course: Build a Full-Stack Web App in a Weekend!" It features a React front-end and a back-end powered by Supabase. Users can view all of the facts in the database as well as facts by category, can vote on facts they think are interesting or false (if a fact has more downvotes than upvotes it will be flagged as disputed) and upload their own fact. During development I was able to continue learning about React components, hooks, props, etc. and I'm so excited for you to see the final product! If you wish to check it out simply click on the Netlify deployment link above.


Installation


Clone the repository to your local machine, open your terminal, and navigate to the root folder in the Today I Learned repository. To install the necessary dependencies, run npm i in your command-line terminal.


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.

Upload


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.


Disputed


Vote


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.


Filter


Badges


CSS3


ESLint


Git


HTML5


JavaScript


Markdown


Netlify


NodeJS


NPM


React


Supabase


Webpack


Questions


If you have any additional questions, you can reach me at:


GitHub


jesterb0206


Email


[email protected]


About

A full-stack web application, which features a React front-end and a Supabase database.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published