Threads Clone / PWA (threads-clone)
Learn how to build this!
If you'd like a step-by-step guide on how to build this just CLICK THE IMAGE BELOW
Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev
LIKE, SUBSCRIBE, and SMASH THE NOTIFICATION BELL!!!
App Setup (localhost)
git clone https://github.com/John-Weeks-Dev/threads-clone.git
npm i
npm run dev
Follow along with the video for the Supabase setup!
You should be good to go!
PWA Images
Web Application Images
![](https://private-user-images.githubusercontent.com/108229029/254263035-2acf4059-0801-4310-bd75-254322272591.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDI1ODg3NTksIm5iZiI6MTcwMjU4ODQ1OSwicGF0aCI6Ii8xMDgyMjkwMjkvMjU0MjYzMDM1LTJhY2Y0MDU5LTA4MDEtNDMxMC1iZDc1LTI1NDMyMjI3MjU5MS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBSVdOSllBWDRDU1ZFSDUzQSUyRjIwMjMxMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDIzMTIxNFQyMTE0MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01ZTA5N2RjZjEyMmMyYWM1MzgyMTkwZjFmMGI0YjdkNDhiZmJjY2NlOGU0OTI2NzBjMjFlYTRlMzI0ZGI3YzNkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.rAjqu9Eg67PwK4fnXgTZS5k0FAM2IrK4A5MdqgV6sdk)
![](https://private-user-images.githubusercontent.com/108229029/254263114-8c954834-2c21-4b58-b33e-428beea0f610.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDI1ODg3NTksIm5iZiI6MTcwMjU4ODQ1OSwicGF0aCI6Ii8xMDgyMjkwMjkvMjU0MjYzMTE0LThjOTU0ODM0LTJjMjEtNGI1OC1iMzNlLTQyOGJlZWEwZjYxMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBSVdOSllBWDRDU1ZFSDUzQSUyRjIwMjMxMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDIzMTIxNFQyMTE0MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NjY5NTY2NmEwMDZmODhjOTViODY4OGNlYmNjZTMwZGNlOGRkYjI4YjVmM2E3OGY1OGMxNjA5YjgxMDQ3MDAwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.LOALJZVsbNJgQ92eQFChmBHLJQtKbvovOE3uDPI_3hU)
![](https://private-user-images.githubusercontent.com/108229029/254263326-15f385ab-bd63-4523-a5b2-280d274b389e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDI1ODg3NTksIm5iZiI6MTcwMjU4ODQ1OSwicGF0aCI6Ii8xMDgyMjkwMjkvMjU0MjYzMzI2LTE1ZjM4NWFiLWJkNjMtNDUyMy1hNWIyLTI4MGQyNzRiMzg5ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBSVdOSllBWDRDU1ZFSDUzQSUyRjIwMjMxMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDIzMTIxNFQyMTE0MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yNjNlN2E2ZWZhYmVhOTI5MTg5ZjIyMGY5YTA3MjFkODk5ODQ2YTNhOGY3YmM2NGY3MmNjNjA5NDE3NmY3OGZmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.BPCH2_IxhFiB85aQQBoxgBzXB7-ESB857szDPKBc4cg)
![](https://private-user-images.githubusercontent.com/108229029/254263551-c59e6ecc-4004-438d-adec-4ae7e1263e18.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDI1ODg3NTksIm5iZiI6MTcwMjU4ODQ1OSwicGF0aCI6Ii8xMDgyMjkwMjkvMjU0MjYzNTUxLWM1OWU2ZWNjLTQwMDQtNDM4ZC1hZGVjLTRhZTdlMTI2M2UxOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBSVdOSllBWDRDU1ZFSDUzQSUyRjIwMjMxMjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDIzMTIxNFQyMTE0MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lZjBjMzg4OTI0NzY1OTVjOWZkZGQzYTU4OTRmOTEzNWM3MDlmMWI3N2M5YmJjZjdmOTFiMzkyNDA5NzhiYWUxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.W6QuAxQvlFAqnfEk1WAJe-N2IpkS-VlKW0_SZf8NSfk)