Factly : share and learn new facts daily

This project is a small full stack web application ... in this web app you can share facts with other people and learn new facts which are being posted by other people

 

Technologies used :

 

Key Features

Having created the website from scratch, I learned how to create and implement features that I'm likely to use in my future websites over and over again. Here are some of the key features and topics that I worked on:

• Facts can be shared with source and categories
• Fact list can be shortlisted according to the categories
• Users can react on facts
• Three reaction categories are there :
  • like 👍
  • mindblowing 🤯
  • wrong ⛔
• If there is high amount of wrong reactions on a fact the fact gets listed as

  [⛔DISPUTED]

• If there is a error in the new fact input field it gets marked by light red shade
• Fully responsive thanks to media queries
• Utilized flex-box and absolute positioning
• Loading... animation that matching with the color scheme of site
• error and no data for a certain category showing when there is an error loading data from the database and the database contains no data for certain category respectively

GITHUB REPO:

• FACTLY REPO

LIVE LINKS:

• Netlify

• Vercel

• factly.tk

 

 

 

Deploy Yourself:

To deploy the project yourself you just need to do as follows:

we would be using vercel to deploy the project

1. Fork the project to your github
2. now you can clone it to your pc using git clone command(optional)
3. open the src directory and open supabase.js file
4. here put the supabase url and api key accordingly in the mentioned places
   to create a table in supabase follow as below
1. create a new project
2. now in the project open table editor and create a new table
3. name the new table facts
4. there would be two columns id and created_at by default
   add columns with the names and Types as follows :

   ---

   name	type	Default Value
   text	text	-
   source	text	-
   category	text	-
   votesInteresting	int8	0
   votesMindblowing	int8	0
   votesFalse	int8	0

   ---

5. now you can save the table
6. once you create the table go to authentication section > policies
7. for the facts table add new policy and enable read , write , update for everyone
8. now go to settings section > api
9. there you will find project url copy and paste that in supabase.js
10. now in the api section you will find Project API keys from there copy the public anon api key and paste in the supabase.js in appropriate place
11. now save everything and commit to your github repo ... you are done with setting up supabase

 

5. once done with the above steps successfully ... open vercel.com and create a account (you can use github for fast signup)
6. now in the projects create a new project and connect your factly github repo in your account
7. now set a name for your project
8. click on build and deploy
9. wait for the webapp to be deployed once its deployed you will see the link in your vercel project
10. Congratulation your personal factly is now deployed