from
Meta
By
NFORSHIFU234 Dev
X

Threads by Instagram v1.0.0

Inspired by Instagram

NFORSHIFU234 Dev || Shifu-Nfor Nyuiring-yoh 🖤🧑🏿‍💻

Contributors: @nforshifu234dev,
Last Updated: 02-07-2023

Important Information

Close

No Partnership

Right chevron
This project has no partnership between either Threads.net, Instagram.com or any of Meta Products . This is just a project I decided to do for fun and test my skills in HTML, CSS and JavaScript.

Usernames, Images, Videos & Icons used in this project.

Right chevron
All the usernames, images, videos and icons were all gotten from www.instagram.com. Some images & videos from @nforshifu_234 & @nforshifu234dev belong to NFORSHIFU234 Dev

This is not a active platform

Right chevron
This project is not a active project. This means that this project is not a active social media platform like Instagram, Threads, etc. This project was soley built with only HTML, CSS and JavaScript.

About this project

Right chevron
This project was created by Shifu-Nfor Nyuiring-yoh Rhagninyui started on 9th July 2023. This project was built using HTML, CSS, JavaScript.
You can get the Live View at: https://www.domain.com/threads-project/
You can get the Repository on Github at: https://www.guthub.com/nforshifu234dev/threads-project/

Feedbacks

Right chevron
I would love to hear what you think about this project 🥲. If you want to give a feedback about this project, you can reach me through any of the mediums below:

Updates

Right chevron

Version 1.0.1

What's New?

  • Dark Mode.

    In this project, I have added the ability to toggle between Light & Dark Mode.

Fixed Bugs

  • Video not autoplaying on IOS Devices.

    In this project, I have updated the error of videos not autoplaying on IPhone devices

-->

Version 1.0.0

  • Responive Layout

    This project has a responsive layout which works on almost all devices. If it does not look well on your website, send me a feedback via any of my social media accounts.

  • Swipe between medias

    In this project, if a thread has more than 1 media, then you can either swipe through it or you can just use the arrow buttons.

  • Autplay videos on scroll

    In this project, as you scroll down and view a Thread with a video, if you have reacted with any element on this page, then you have autoplay for videos enabled and the video will play automatically. Else there will be a play button which you use and play the video. And once you scroll past the video, and the video was still playing the video gets paused.

  • Play video again

    In this project, there is the option of play video again. Here when a video has finshed playing, a popover will appear on top of the video with a Play Again button. Also if the video is finshed and you scroll up or down, once you come back to that video, it will start playing again from start.

  • Mute and Unmute a video

    In this project, for each Thread that has a video, there is a speaker icon on the bottom right of the video container. This helps to mute and unmute each video.

  • Like a Thread

    In this project, you can like and unlike each Thread and also when you like or unlike a thread, the number of likes counter will increase or decrease by 1.

  • Toggle menu of each Thread post

    In this project, each Thread has a menu and each Thread has menu icon that is at the top right of each Thread. So if you click on that menu icon, then the menu will show up and if you click on the icon again or any of the options in the menu then menu is hidden.

  • Scroll to the top

    In this project, when you scroll the page and you are getting to the bottom, at the middle of the Feed section, you will see a button which looks like new Threads were fetched. But it just actually scrolls you back to the top when you click on it.

This is not a Real Project by either Threads, Instagram or any Meta social app.
Mute
hide
block
report
Great work, @zuck 🥳🐼
@zuck
24h
Mute
hide
block
report
Welcome to , @threadsapp👋.
Mute
hide
block
report
Totally agree.... ✅
Mute
hide
block
report
Yo. What's good over here?
Mute
hide
block
report
Have you checked out my PHP project "NFSFU-ECOMM"?. Try checking it out and let me know what you think.
Github Repo: https://github.com/nforshifu234dev/NFSFU-ECOMM/tree/v1.0.4-alpha/
Mute
hide
block
report
Omo....
@facebook
1wk
Mute
hide
block
report
Tell Us your experience with your Facebook app :)
Mute
hide
block
report
@apple
24h
Mute
hide
block
report
🗻
Mute
hide
block
report
🏀🏀🏀
Mute
hide
block
report
Have you seen my some of my HTML, CSS projects?
You can check it out at, https://www.domain.com/project
@khaby00
24h
Mute
hide
block
report
Always on time ⌚😅
@andriod
24h
Mute
hide
block
report
@nforshifu_234
24h
Mute
hide
block
report
🐼🖤🤍
Mute
hide
block
report
Hey 👋, @threadsapp
@bbcnews
24h
Mute
hide
block
report
Latest 🗞️📰
@meta
24h
Mute
hide
block
report
Something special Coming Soon ⏳🙂
@mrbeast
24h
Mute
hide
block
report
Have you ever. Imagine a train full of ................ entering a giant hole?.
Mute
hide
block
report
8 Mind Blowing sites developers must know 🤯
Mute
hide
block
report
Mute
hide
block
report
Mute
hide
block
report
I know how to code too... 🥲🥹
@heisrema
24h
Mute
hide
block
report
Rave & Roses Deluxe🌹🔥
@zuck
24h
Mute
hide
block
report
Welcome to , @threadsapp👋.
Mute
hide
block
report
Hey 👋, @threadsapp.
Mute
hide
block
report
Mute
hide
block
report
Quoting one of my Threads stuff ✅🐼
This is just a single thread 🙂
Mute
hide
block
report
This is just a single thread 🙂
Mute
hide
block
report
999 🖤🤍🕊️
Mute
hide
block
report
🐼🖤🤍
Mute
hide
block
report
Reposting my stuff 🥲🥳🥹
Mute
hide
block
report
🐼🖤🤍
Mute
hide
block
report
🐼🖤🤍
@lilnasx
24h
Mute
hide
block
report
Mute
hide
block
report
This is my first thread 🙂🥳
Mute
hide
block
report
Mute
hide
block
report
Don't forget to follow me to keep up with updates :(
Threads: @nforshifu234dev, @nforshifu_234
Instagram: @nforshifu234dev, @nforshifu_234
Twitter: @nforshifu234dev, @nforshifu_234
Instagram My Instagram Status
Shifu-Nfor Nyuiring-yoh Rhagninyui | NFORSHIFU234 Dev
@nforshifu234dev
Welcome to my version of Threads Website inspired by Instagram.
_ _ _ Posts . _ _ _ followers . _ _ _ following