LookBlog
LookBlog is a full social network built from scratch by Kristiqn Zainelov. It brings together what people usually need several apps for:
- a feed like Twitter or Instagram;
- stories like Instagram;
- shorts like TikTok and videos like YouTube;
- live streams like Twitch;
- chats, groups and voice rooms like Discord;
- music like Spotify;
- movies and series like Netflix.
🌐 Live site: https://lookblog.vercel.app
The design is pink (#ff4fa3) on black. The interface is in English and can be switched to Bulgarian, Spanish, Russian, German, Serbian or Romanian.
Накратко на български: LookBlog е социална мрежа, която съм направил изцяло сам, без фреймуърци и npm пакети. Има постове, шортове, видеа, лайв стриймове, съобщения, групи с voice чат, музика, филми и сериали, игри, значки и класации. Какви технологии са използвани и защо — виж Технологии (на български).
What the site can do
Posts, shorts and videos
- Posts: text, up to 4 photos or one video. You can also add polls, @mentions and #tags.
- Reacting:
- Cool, like and dislike;
- reposts and quotes;
- replies with photos or videos;
- view and share counts.
- Shorts: vertical videos, one per screen, with a pink seek bar.
- Double-tap left or right to skip, shown as pink pulses.
- Viewers can react at exact moments.
- Videos: each one has its own watch page with an Up next list and playlists.
- Player: quality switching (360p–1080p made with ffmpeg) and subtitles.
- Timed comments, like SoundCloud: a comment is pinned to a moment in the video.
- Viewers can also send live reactions at minutes.
- Only works when the creator turns it on.
- Video replies: you can answer a video with your own video.
- Comments:
- the creator can heart one, which shows Liked by creator like on YouTube;
- the creator can turn replies off.
- Upcoming videos and premieres: a scheduled release with a "Remind me" button.
- Editor: trim and cut videos. Add subtitles, and timed lyrics for songs.
- Friends' reactions, like Instagram: round photos of your mutuals (people you follow who follow you back) sit on the photo or video and show what they did: ❤️ liked, 👎 disliked, 🔁 reposted or 😎 Cool.
- You can drag them anywhere on the photo; the place is remembered.
- When a mutual reacts while you're looking at the post, their photo flies up from it.
- Views: seeing a post in the feed counts once; opening it (the post, a video played for 2 seconds, a photo opened big) counts every time. Opening the same thing again within 30 seconds doesn't count twice.
- "For you" recommendations score each item by four things:
- authors you engage with;
- topics;
- what similar people liked;
- quality, meaning likes per view and watch time.
Stories
- Stories last 24 hours, then move to your archive; highlights keep them on your profile.
- Editor:
- 39 filters;
- brightness, contrast, saturation and warmth;
- move, resize and turn the photo, with Crop & size to pick its exact shape and pixel size;
- the whole photo shows with a blurred background, or it fills the story.
- Text and stickers:
- text you drag anywhere, with 6 fonts, 5 styles and 10 colours;
- emoji stickers.
- Music: a song from LookBlog, YouTube or your own MP3 plays while the story is open.
- Tags and reposts: tag people, and they can add your story to theirs.
- Comments: a new comment pops up on the story with the writer's photo, live for everyone watching.
- Sharing:
- send a story or a highlight in a chat as a card;
- or share its link outside LookBlog, which shows a preview page.
Live streaming (WebRTC)
- What you can stream: your camera, your screen, or both at once. The camera sits picture-in-picture and you can move and resize it.
- Before going live:
- set a thumbnail, a description and a schedule ("Upcoming lives");
- place pictures and GIFs on the stream.
- Chat on the stream: the chat can be drawn on the video like on YouTube. Viewers get a Top chat mode, emoji, stickers and personal sounds.
- During the live, viewers can:
- send reactions in real time;
- send pictures, videos and sounds;
- like, dislike, share and report the live.
- Collaboration like Instagram: up to 4 people split the screen.
- Each person controls only their own tile: what they show, their camera and their own chat overlay.
- Moderators: added by typing @name.
- Stream settings: chat, reactions, viewer alerts, and who can join.
- After the stream: live stats in Analytics, and the recording stays as a "Past live" that people can comment on.
Messages, groups and voice
- Direct messages and group chats:
- typing indicators and "Seen by";
- @mentions and @everyone;
- translation;
- a gallery of photos, videos and links;
- search by date;
- group streaks.
- Groups work like Discord servers:
- text and voice channels;
- roles with permissions, and members grouped by role;
- nicknames and events.
- Voice and video rooms:
- a large grid of cameras;
- screen sharing;
- built-in and personal sound effects;
- stickers.
- Shared music in voice:
- play LookBlog songs or YouTube links;
- everyone hears the same thing and can control the music and the volume.
- Games inside chats and calls:
- chess, tic-tac-toe and connect four;
- card games with bots: poker, blackjack, santase, UNO and belot.
- Calls: one-to-one voice and video calls.
This is the beginning of the README. Read the rest at the original. Read the full README ↗
