Releases: CyberSphinxxx/The-Real-Neighbors
Releases · CyberSphinxxx/The-Real-Neighbors
The Real Neighbors v1.7.1 - Major Bugfix
The Real Neighbors v1.7.1
"Faster, smoother, and less buggy than your neighbor's lawnmower."
✨ What's New
🌐 The Explore Tab
Your gateway to the front page of the internet, now working perfectly.
- Progressive Reddit Loading: The "All" tab now smartly loads subreddits progressively! Posts appear instantly one-by-one as they are downloaded, rather than forcing you to stare at a blank screen.
- Anti-Block Tech: We upgraded our underground proxy to parse raw RSS feeds instead of JSON, elegantly bypassing Reddit's strict
403and429API rate limits.
🤖 AI Engine Security
Keeping the bots away from our bots.
- DeepSeek Authentication: Our AI features and endpoints are now securely locked down and cross-verified with Firebase Auth! This ensures only real neighbors can use the AI, protecting our API keys from being drained.
🛠️ Bug Fixes
- Fixed the frustrating "Failed to load" error on the Games page so your Personal Best scores actually display correctly again.
- Fixed the broken Post Modal on Desktop where massive images would selfishly push the entire comments section off the screen.
- Restored real-time comment streams! You no longer have to refresh the page to see your friends replying to your hot takes.
- Fixed an ugly visual glitch on the Birthdays page where a native checkbox was awkwardly overlapping the "Show Ages" toggle switch.
🚀 Under the Hood Improvements
- Database Engine: Refactored over 50 files to dramatically reduce our Firebase database reads, keeping the app lightning fast and far away from billing limits.
- Memory Optimization: Plugged several massive memory leaks by properly cleaning up real-time database listeners whenever you navigate away from pages.
- Network Batching: Grouped multiple small background updates (like sending notifications, adding reactions, and updating your "seen" status) into single, highly optimized bulk updates.
Made with 💖 for the neighborhood.
Full Changelog: v1.7.0...1.7.1
# The Real Neighbors v1.7.0
"Omae wa mou shindeiru..." — You, right before surviving Hell Mode.
✨ What's New
🔥 Endless Survival Mode
The ultimate test of your Hiragana speed. Survive as long as you can before the timer runs out!
- Dynamic Speed Curve: The timer shrinks by 5% after every single correct answer, eventually bottoming out at a blazing fast 2.0 seconds!
- 3-Strike Rule: You start with 3 hearts. Choose the wrong answer or let the timer run out, and you lose a heart. Once they're gone, you're out.
- Escalating Difficulty: As you progress, the number of choices increases from 4, to 6, and eventually up to 8! Reaching Level 11 forces Dakuten and Combinations on.
🧩 Words & Sentences Mode
Bridge the gap between raw memorization and actual reading comprehension with our new progression mode.
- Duolingo-Style Pill Assembly: Tap fragments to build standard words, verbs, and famous anime quotes.
- Barkada Themed Vocabulary: Learn survival words like baka and neko, or assemble anime quotes like nigerundayo.
- Mastery Progression Gate: Complete 15 words in Basic Survival to unlock Verbs & Adjectives, which then unlocks Sentences & Quotes!
- Hardcore Typing Final Boss: No pills. No hints. Read the full anime quote in Hiragana and type the exact Romaji translation to prove your mastery.
🛠️ Improvements
- Hiragana Quiz UI: Completely redesigned the layout to fit seamlessly on one screen—no more awkward scrolling to hit play!
- Pre-Game Countdown: Added a hype 3, 2, 1, GO! countdown sequence before the timer kicks in, so you aren't immediately blasted with a 10-second timer.
- How to Play Guide: Added a dedicated info button that explains the exact rules and mechanics for every game mode.
- Smart Header Scoring: The "Best Score" displayed in the top bar now dynamically updates to show your personal best for the exact game mode you are currently playing.
🐛 Bug Fixes
- Fixed an annoying UI bug where the checkmarks on the Dakuten and Combinations toggles were invisible.
- Fixed an issue in the Word Builder where the game would instantly fail you on the first try due to an empty drop-zone glitch.
- Disabled copy-pasting text on characters and questions to prevent cheating. Play fair!
- Fixed the endless mode checkboxes so they are automatically checked and locked when Endless Survival is selected.
🚀 Coming Soon
- 🏆 Live Osu!-style sliding leaderboards right next to your game!
- ⚔️ Head-to-head multiplayer challenges!
- 🎨 More anime-themed vocabulary expansions!
Built with ❤️ for the Barkada.
Full Changelog: v1.6.0...v1.7.0
v1.6.0 - Mobile Compatibility Update
The Real Neighbors v1.6.0
"Sleek native feel on mobile, exposed lurkers, and a smarter Botbot!"
✨ What's New
📱 Massive Mobile Overhaul
We completely ripped out the old mobile popups and gave the app a true native smartphone feel!
- Swipeable Bottom Sheets: Say goodbye to clunky desktop popups on your phone. Almost every popup in the app (Events, Posts, Playlists, Games, etc.) now smoothly slides up from the bottom of your screen.
- Smart Adaptation: The app now magically detects your device. You get a sleek bottom sheet on your phone, and a classic centered modal when you're on your laptop.
- Silky Animations: We added custom slide-in and fade animations to make the whole mobile experience feel incredibly premium and smooth.
👀 Exposing the Lurkers
Time to see who's been hiding in the shadows and who's actually hyping you up!
- Who Reacted: Tap the reaction count on any post to see exactly who left that 😂 or 🔥.
- Who Seen It: Tap the "Seen by" text to get a full list of who read your post (and who's secretly ignoring you). Online members get pinned right to the top!
🧠 Botbot Memory Upgrade
Botbot just got a lot more efficient with our API budget.
- Daily Caching: The Feed Catch-Up now saves its summary locally for the day. If you check it again, it loads instantly instead of thinking from scratch!
🛠️ Improvements
- Wordle Game: Purged all the weird non-English/Filipino words and made sure the word of the day is truly random and perfectly in sync for everyone.
- Games Page: Removed those distracting hover effects on the game cards to keep things looking clean.
- Botbot Branding: Wiped out the last remaining "NBOT" references across the app. Respect the name, it's Botbot!
- AI Navigation: The "View in Botbot" button in the catch-up summary actually takes you to the right place now instead of a blank screen.
🐛 Bug Fixes
- Fixed the notification bell dropdown getting violently clipped and hiding your latest alerts.
- Fixed those ugly hardcoded white lines sitting awkwardly in the hamburger menu.
- Fixed the harsh white borders in the new modals so they blend seamlessly with the app's theme and custom colors.
- Squashed a bunch of underlying code errors and unused imports to keep the app running buttery smooth behind the scenes.
Built with love for the best neighbors.
Full Changelog: v1.5.0...v1.6.0
The Real Neighbors v1.5.0
Aesthetics & Minigames Update!
"Racing ghosts, cracking trivia, hacking terminals, and floating in the northern lights."
✨ What's New
🎮 The Neighborhood Arcade is Here!
We just dropped an entire suite of 4 fully-featured minigames to test your skills and challenge your friends.
- TypeRacer: Flex your typing speed across Words, Quotes, Timed, or Zen modes. Race against your friends' best times ("Ghosts") in real-time, see live WPM graphs, and customize your caret and sounds!
- Wordle (Neighborhood Edition): A daily word puzzle with custom word packs. Guess the hidden word in 6 tries and share your color-coded grid to the feed!
- Brain-Busting Trivia: Test your knowledge across multiple categories (Gaming, Programming, Pop Culture, etc.) with a timed countdown and dynamic scoring system.
- Reflex Tester: Pure, raw reaction time. Wait for green and click as fast as humanly possible to secure your spot on the millisecond leaderboard.
🏆 Global Leaderboards & Game Feeds
- Weekly Leaderboards: Every game is tracked. Compete for the #1 spot every single week across all 4 games.
- Sub-Categories: Filter leaderboards dynamically to see who is best at specific modes (like TypeRacer's Words vs. Quotes).
- Bragging Rights: New "Share to Feed" modals let you instantly post your high scores, personal bests, and Wordle grids directly to the community feed.
🎨 The "About" Dashboard
We completely ripped out the boring old About tab and built a sleek, modern dashboard that looks incredible in both light and dark modes.
- Creator Card: A stunning developer profile card with an animated gradient border and quick links to Github and Wallet.
- Live App Stats: Watch the community grow in real-time with live counters for total users, messages sent, events hosted, and games played.
- Barkada Rules: A fun, hacker-terminal themed section laying down the core laws of the group.
- Tech Stack Grid: Interactive pill cards showing off exactly what powers the app beneath the hood.
🌌 Next-Level Animated Backgrounds
Your personalized aesthetic just got a major buff with tons of new dynamic background controls.
- Ultimate Control: We added precision sliders for animation Amount, Intensity, Speed, and Angle so you can tune your vibe exactly how you like it.
- Slider Styling: The Settings sliders now have a gorgeous custom styling that feels incredibly premium.
- New Pattern: Added an extra, brand-new background pattern to balance out the dynamic visuals!
🛠️ Bug Fixes
- Fixed the AI rate limiter being way too aggressive and arbitrarily choking Botbot AI responses.
- Fixed the "Northern Lights" background getting awkwardly cut off at the top and bottom of the screen.
- Fixed the "Floating Dust" animation which was straight up refusing to float.
🚀 Improvements
- Game Library Filters: You can now easily sort the games page by Mobile Compatible, Word, Trivia, or Reflex categories.
- System Settings: Refactored the entire About page to strictly use semantic CSS variables, completely stripping out all hardcoded styling for seamless Light/Dark mode transitions.
- Codebase Health: Passed the app through a rigorous TypeScript and ESLint sweep, wiping out all unused variables, optimizing React rendering loops, and fixing strict typing errors for a pristine build.
🔮 Coming Soon
- 🤖 Smarter Botbot capabilities and group chat integrations.
- 🏅 Badges and achievements for the ultimate gamers in the group.
- 🎨 Even more UI polish and buttery smooth animations across the app.
- 📱 More Mobile Compatibility Updates.
Built with love (and an unhealthy amount of coffee) by CyberSphinxxx.
Full Changelog: v1.4.0...v1.5.0
The Real Neighbors v1.4.0
Update: Instant Reactions, Poster Previews & UI Polish 🎨
"Because waiting for things to load is so last year."
✨ What's New
🤖 BotBot Upgrades
BotBot's recommendations just got a huge visual upgrade!
- Poster Previews are now included whenever BotBot recommends a movie or anime.
- Quick Add buttons let you toss BotBot's picks straight into your Watchlist with one single click!
⚡ Lightning Fast Feel
We've made the app feel ridiculously snappy so you never have to wait.
- Instant Reactions mean the moment you react to a chat message, it shows up immediately.
- Link Posting is now instant! Drop a YouTube link and it posts right away with a cool loading skeleton while it fetches the preview in the background.
💾 Never Lose a Draft
Accidentally hit refresh? We've got your back.
- Chat & Feed Persistence locally saves whatever you're typing. You can literally navigate away and your half-written post will be waiting right where you left it!
🎨 Improvements
- ProgressiveImage: Replaced static loading with a sleek shimmer effect and a smooth 500ms fade-in across the feed and watchlist.
- AuthLoadingScreen: Completely rebuilt the loading state with immersive pulsing orbs, a floating 3D icon, and a silky fade-out to match the login aesthetic.
- UserWatchlist: Adding a movie now updates your list immediately—no more manual page refreshes required!
🐛 Bug Fixes
- Fixed the overly aggressive AI rate limiter so BotBot's Roast Mode won't randomly choke and throw Vite proxy errors.
🔮 Coming Soon
- 🤫 More AI personalization that actually gets you.
- 🚀 Even smoother feed interactions.
- 🎉 Fun surprises you didn't know you needed.
- 👾 Browser Minigames!
Crafted with 💜 for the best neighbors on the internet.
Full Changelog: v1.3.0...v1.4.0
The Real Neighbors v1.3.0
Your friendly neighborhood just got a whole lot smarter! 🤖✨
✨ What's New
🧠 Meet Botbot, Your Neighborhood AI
Botbot is here to make posting, planning, and picking what to watch easier and way more fun.
- Caption Generator: Stuck on what to say? Let Botbot write your post captions with different vibes (Funny, Chill, Hype, or Feels) right from the composer.
- Poll Suggestions: Can't decide what to ask the group? Generate random, funny, or serious poll questions in seconds.
- Watchlist Picks: Not sure what to binge next? Ask Botbot for personalized movie, TV, or anime recommendations based on the group's vibes.
- Auto-Reactions: Keep the hype going! Botbot now drops in to comment on posts that hit exactly 3 or 7 neighbor reactions.
🎬 Watchlist Level-Up
We've supercharged how you find and organize your favorite media.
- Genre Filtering: You can now filter the watchlist by specific genres to find exactly what you're in the mood for.
- Infinite Scrolling: Scroll endlessly through movie, TV show, and anime search results—no more hitting a dead end after 12 items!
🛠 Improvements
- Feed Filters: Reorganized the layout on the Feed page so it looks perfectly clean even as our private neighborhood grows.
- Select Dropdowns: Built a sleek, custom dropdown menu that you'll see scattered across Settings, Playlists, and Birthdays for a better click experience.
- Event Cards: RSVP buttons now neatly disable themselves once an event has passed. No more accidental time travel!
- App Layout: Standardized all of our borders and spacing across modals and cards to give everything a premium, cohesive aesthetic.
🐛 Bug Fixes
- Fixed the avatar clipping issue on the Feed filter bar (everyone gets their full face back!).
- Fixed an invisible memory leak on the Login page's tilt animations.
- Fixed the Subreddit manager not immediately updating your feed after adding or removing a sub.
- Fixed missing fallback user avatars in the Birthdays list.
🚀 Coming Soon
- 🍿 Smarter group consensus for movie nights...
- 💬 More ways to chat and interact with Botbot in the comments...
- 🎨 Even more profile customization options!
Made with ❤️ for the neighborhood.
The Real Neighbors v1.2.0
"Wait, what did they just add? Oh, there's a modal for that now."
✨ What's New
🎁 The "What's New" Experience
Stay in the loop without having to ask! We've added a seamless way to see all the latest features right inside the app.
- Announcement Modal magically pops up the first time you log in after an update, giving you the scoop instantly.
- Changelog History is now tucked away safely in your Settings under the About tab. You can expand and scroll through all past updates whenever you want!
- Notification Dot appears on the Settings icon if there's a shiny new update you haven't seen yet.
🐛 Bug Fixes
- Fixed some layout quirks so the explore feed is now perfectly centered on your screen.
- Fixed an issue where embedded videos were getting weirdly cropped on mobile.
- Fixed the subreddit picker drop-down menus clipping off the side of the screen.
🎨 Improvements
- Explore Feed now sports a sleek, modern layout with a persistent sidebar for your subreddits.
- Video Player has been upgraded to properly show the active video right from the start in the post details.
- Settings Page got a minor facelift to cleanly display our shiny new version tags and changelog.
🚀 Coming Soon
- 🎠 Carousel posts getting that high-quality, swipeable glow-up.
- 📱 Wider, full-bleed post cards so you don't even have to click to see the good stuff.
- 👀 More fun ways to interact with your favorite neighbors.
- Ai????
Full Changelog: v1.0.0...v1.2.0
The Real Neighbors - Release Notes
Version v1.1.0
This release introduces a fully featured, real-time chat infrastructure supporting both public channels and private direct messages. It also overhauls the navigation system, updates the global layout architecture to be more consistent, improves cross-user interactions, and provides a polished, responsive Settings page that matches the design language of the platform.
A total of 16 files were created or modified. Below is a detailed breakdown of all the changes.
Key Features and Enhancements
1. Real-Time Chat System (Channels and Direct Messages)
- Structured Channels: Implemented public chat channels grouped by category (General, Interests, and Utility) with support for channel descriptions and custom emojis.
- Direct Messages (DMs): Enabled direct messaging between neighborhood members. The DM list is populated automatically with all registered users to make it easy to start conversations.
- Rich Text and Images: Added support for normal text messages, replies to specific messages with a quoted message preview, and automatic detection/rendering of image URLs.
- Typing Indicators: Integrated real-time typing indicators powered by the Firebase Realtime Database. Users can see when someone else in the channel/DM is currently typing.
- Reactions: Added a quick-reaction menu with popular emojis (thumbs up, heart, laugh, surprise, sad) allowing users to add or remove reactions to messages.
- Seen Receipts: Implemented DM read receipts showing the avatar of the recipient at the bottom-right of the last message they read.
- Message Management: Allowed users to edit or delete their own messages. Deleted messages display a system notification that the content was removed.
2. Navigation and Layout Reorganization
- Grouped Sidebar Navigation: The left sidebar navigation has been cleaned up and categorized into logical headers (MAIN, ENTERTAINMENT, NEIGHBORHOOD).
- Anchored Settings and Profile: My Profile and Settings have been moved to the absolute bottom of the left sidebar. The redundant user card component has been removed for a cleaner visual flow.
- Dynamic Page Header: The desktop navigation tabs ("Our Feed" and "Explore") inside the global header are now context-aware and only display when the user is viewing the Feed page.
- Main Shell Scaling: Refactored the main application container to support full-height scroll-independent pages (like Chat and Playlist) without causing double scrollbars or clipping.
- Responsive Sidebars: Built toggleable slide-out menus for channels and members list on mobile devices, ensuring the chat experience is clean and accessible on any screen size.
3. Redesigned Settings Page
- Unified Layout: Relocated the Settings page under the main AppShell. It now keeps the global header and left sidebar consistent instead of acting as a standalone screen.
- Two-Column Design: Redesigned the page to utilize a double-column desktop layout (navigation tabs on the left, settings form content on the right) and horizontal scroll pills on mobile.
4. Interactive Profile Actions
- Message Shortcut: Added a dedicated "Message" button on user profile pages. Clicking this button auto-initializes a direct message conversation and redirects to the chat screen.
- Quick Chat from Online Widget: Integrated message action buttons directly inside the online/offline members widget on the right sidebar.
Detailed File Changes
Below is the list of all 16 uncommitted files that were created or modified in this release:
New Files Created (7)
1. chat.ts
- Implements core communication logic with Firebase Firestore and Realtime Database.
- Provides listener subscriptions for channel lists, messages, and direct messages.
- Exposes methods to send, update, react to, and delete messages.
- Manages typing statuses and read receipts.
2. ChatPage.tsx
- Serves as the main container for the chat interface.
- Coordinates the 3-pane layout: Channel/DM Sidebar on the left, Message Area in the center, and Member List on the right.
- Implements mobile toggle buttons to drawer-slide the sidebars on touch devices.
3. ChannelSidebar.tsx
- Displays channels sorted by category and registered members in a Direct Messages list.
- Features green indicators for online participants.
- Calculates and renders unread badges for incoming messages based on seen receipts.
4. MembersSidebar.tsx
- Renders list of online and offline users active in the neighborhood.
- Allows clicking on members to navigate directly to their user profiles.
5. MessageArea.tsx
- Displays message history and groups consecutive messages sent by the same user within a 5-minute window.
- Includes relative date separators (e.g., "Today", "Yesterday", or custom weekday formats).
- Monitors viewport focus and triggers typing and read-status database updates.
6. MessageItem.tsx
- Renders individual chat message blocks, attachments, edit markers, and reply references.
- Features a hover action menu to trigger emoji reactions, nested replies, editing, or deletion.
- Displays small user avatar indicators indicating who has seen the message in DMs.
7. ChatInput.tsx
- Provides an input area with an auto-expanding text box for message entry.
- Supports typing event hooks, reply context bars, and send submission triggers.
Existing Files Modified (9)
8. firestore.rules
- Added database security rules for
/channelsand/dmspaths. - Restricted channel creation/deletion to admin roles, while allowing authenticated users to read.
- Locked DM room visibility and messages only to authenticated users who are explicit participants in the conversation.
9. index.ts
- Added TypeScript interfaces for
Channel,ChatMessage, andDirectMessagedata structures.
10. App.tsx
- Registered lazy-loaded
ChatPageand configured paths:/chat,/chat/:channelId,/chat/dm/:dmId. - Nested the
/settingspath inside the parent route usingAppShellfor consistent navigation.
11. AppShell.tsx
- Configured flexible columns that allow full-height layouts on
/chatroutes. - Hid the desktop right sidebar on both
/playlistand/chatsub-pages to maximize screen workspace.
12. Header.tsx
- Added a conditional filter so that feed tabs ("Our Feed" and "Explore") are only displayed when the user is on the main landing feed page.
13. Sidebar.tsx
- Reorganized main list into MAIN, ENTERTAINMENT, and NEIGHBORHOOD sections with uppercase header markers.
- Moved profile and settings links to the bottom layout bar.
- Cleaned up and deleted the redundant user dashboard block from the footer.
14. OnlineWidget.tsx
- Added chat message action buttons next to online/offline user lists.
- Improved spacing and overflow text truncation constraints.
15. ProfilePage.tsx
- Introduced a "Message" button in the profile banner for other users.
- Hooks up initialization commands to create a direct message room between the visitor and the profile owner.
16. SettingsPage.tsx
- Replaced the fullscreen configuration modal with a standard workspace page.
- Migrated the mobile selector from flat tables to a swipeable horizontal pill list.
- Implemented vertical option tabs on the desktop screen view.
Full Changelog: https://github.com/CyberSphinxxx/The-Real-Neighbors/commits/v1.1.0
The Real Neighbors v1.0.0 🎉
Welcome to the release (v1.0.0) of The Real Neighbors! This major release transforms the project from a scaffold into a full-fledged, highly-optimized, real-time social platform designed for close-knit communities. We've packed this release with everything from real-time feeds and live presence to a custom theming engine and robust performance optimizations.
Here is the complete list of features, updates, and improvements included in this release.
🚀 Core Features & Social Experience
Real-Time Social Feed
- Dynamic Post Feed: A fully realized, real-time social feed where users can share updates, links, and media.
- Rich Post Composer: Includes automatic Open Graph link preview generation so shared URLs look great instantly.
- Interactive Reactions: Users can react to posts in real-time.
- Inline Real-Time Comments: A threaded comment system supporting live updates and discussions natively on the post card.
- Post Detail Modal: A dedicated modal view for deep-diving into individual posts and their comment threads without losing your place in the feed.
- Admin Pinning: Administrators can pin important posts to the top of the feed.
Reddit Integration (Explore Tab)
- Built-in RSS Proxy: View content from your favorite subreddits directly within the app without leaving the platform.
- Subreddit Manager: Add, remove, and manage which subreddits appear in your feed.
- Reddit Post Cards: Specially formatted cards for Reddit content seamlessly integrated into the feed layout.
Events Management
- Dedicated Events Page: Browse all upcoming and past events in a unified view.
- Create Event Modal: easily schedule new gatherings using a custom
DateTimePicker. - Shared Event Calendar: An interactive inline calendar to visualize community events.
- Event Detail Page & RSVPs: Track who is attending, read event notes, and engage in event-specific discussion boards.
- Event Sidebar Widget: Keeps the most imminent upcoming events visible at all times.
Birthdays Hub
- Birthdays Page: A comprehensive directory of all community members' birthdays.
- Birthday Message Board: Leave celebratory messages for neighbors on their special day.
- Birthday Picker: Easy onboarding UI for users to set their birth dates.
- Birthday Sidebar Widget: Highlights whose birthday is coming up next so you never miss an occasion.
Shared Resources & Watchlist
- Curated Watchlist: A dedicated page to track movies/shows the community wants to watch, featuring "Consensus Optimizations" to highlight the most popular picks.
- Watch Together Sessions: Plan and sync watch parties natively through the platform.
- Community Links Directory: A centralized hub (LinksPage) for important URLs and shared resources.
🎨 UI/UX & Design Engine
Advanced Theming System
- CSS Variable Driven: Completely overhauled the design system to use semantic CSS variables.
- Multiple Curated Themes: Users can choose from 6 distinctly crafted aesthetic themes:
Dark(Standard)Amoled(Deep black for OLED displays)Sunset(Warm, vibrant orange/purple hues)Ocean(Deep blue, aquatic tones)Midnight(Sleek, muted dark blues)Forest(Earthy, natural greens)
Premium Animations & Interactions
- Redesigned Login Experience: An immersive, interactive login page featuring a dynamic particle/aurora background, text scramble effects, and 3D tilted cards (powered by GSAP, Vanilla-tilt, and tsparticles).
- Smooth Scrolling: Integrated
lenisfor buttery-smooth page scrolling. - Celebratory Confetti: Implemented
canvas-confettifor delightful micro-interactions (e.g., on birthdays or goal completions). - Reusable Tooltips: Custom-built tooltip components to provide context without cluttering the UI.
- Deterministic Avatars: A new utility (
avatarColor) that automatically assigns a consistent, unique color hash to users without custom profile pictures.
🔔 Engagement & Live Presence
Real-Time Presence
- Live Online Status: Powered by Firebase Realtime Database (RTDB), the app tracks who is currently online.
- Online Sidebar Widget: See exactly which neighbors are currently active on the platform.
- Avatar Status Indicators: Green "online" dots appear on avatars across the app (in posts, comments, and the sidebar).
Notifications & Streaks
- Interactive Notification Bell: A centralized hub for all alerts, utilizing a queueing system (
useStartupNotifications) so you aren't overwhelmed upon logging in. - Streak Tracking: Built-in gamification that tracks consecutive login/interaction streaks.
- Group Streak Widget: See how long the community has collectively kept their streak alive.
- Interactive Mini-Poll Widget: Quick, real-time sidebar polls to gauge community opinion.
Profiles & Customization
- Comprehensive Settings Page: Manage notification preferences, active themes, and streak configurations.
- Top Movies Selector: Users can showcase their favorite films directly on their user profiles.
⚡ Performance & Architecture
- Virtualized Post Feed: Implemented
@tanstack/react-virtualto ensure the feed remains 100% smooth and lag-free, even with hundreds of rendered posts and media items. - Route-Based Code Splitting: Heavy pages and components are now lazy-loaded, drastically reducing the initial bundle size. Includes beautiful page skeleton loaders during transitions.
- Aggressive Memoization: Wrapped high-frequency components (like
PostCard, sidebar widgets, and layout shells) inReact.memoto prevent unnecessary re-renders. - Multi-layered Caching:
- In-memory Caching (Zustand Stores) for rapid state access.
- Client-side Caching for Birthday/Event listings.
- LocalStorage for Reddit feed prefetching.
- Optimized Firestore Queries: Integrated pagination and cursors to limit data over-fetching.
🔒 Security & Infrastructure
- Global Authentication: Implemented robust auth state management using Zustand and Firebase Auth.
- Protected Routing: Strict route guards prevent unauthenticated access to the main application.
- Advanced Security Rules:
- Restructured Firestore and Realtime Database rules.
- Added specific permissions to allow non-authors to update
seenBy,reactions, andstreakssecurely without compromising document integrity.
- Progressive Web App (PWA) Ready: Configured
vite-plugin-pwafor future offline support and installability. - Environment & Deployment: Configured Firebase Hosting, Vercel deployments, and added a utility script for seeding admin users.
Version 1.0.0 lays the foundation for a vibrant, fast, and connected neighborhood. Enjoy the new space!
Full Changelog: https://github.com/CyberSphinxxx/The-Real-Neighbors/commits/v1.0.0