๐Ÿ“ฐ RiK Updates

Welcome to RiK Dev

"Build Real Projects. Collaborate with Innovators.
Showcase your work and join the future of practical development."

RiK Dashboard โ€“ Explore Real Projects

Discuss Projects on X

Weโ€™re showcasing real projects from the RiK Dev community. More coming soon!

How I Built the RiK Website

Developer working on laptop

I started with simple HTML, CSS, and JavaScript โ€” no frameworks, just a modular approach. Firebase powers the backend, managing content dynamically and securely.

Instead of rewriting code for every page, I built reusable modules like firebase.js, auth.js, auth-ui.js, menu.js, ticker.js, and affiliatelink.js. These are included across the website, acting as a centralized logic system that keeps everything consistent and maintainable.

All articles follow a single structural template using article.html and article.js, which dynamically loads content based on metadata โ€” making content management efficient and scalable.

I also created internal tools like the RiK Content Manager (RCM), which uses a Google Sheet to update Firestore. Automations help generate article thumbnails and manage metadata, streamlining the workflow without relying on a traditional CMS.

Modular Architecture Behind RiK

How centralized scripts and components power the entire RiK ecosystem.

menu.js

Handles the site-wide menu bar across all pages. Adds interactivity and dropdown logic.

Used in: All pages

ticker.js

Controls the dynamic news ticker shown on the homepage and topic pages.

Used in: Homepage, RiK Tech

firebase.js

Initializes Firebase config and sets up the connection for database reads and writes.

Used in: Capsules, Articles, Auth pages

auth.js

Handles Firebase authentication methods like login, signup, and logout.

Used in: Collaborate, Community

auth-ui.js

Controls the custom UI behavior for login popups and error handling.

Used in: Auth-specific pages

affiliatelink.js

Dynamically injects affiliate links into content for monetization.

Used in: Product Cards, Articles

Explore the RiK Platform

A modular breakdown of everything RiK offers.

Home

Start your journey with the latest updates and featured content.

RiK Games

Play simple web-based games that are fun and educational.

RiK Shop

Explore our favorite tools, gadgets, and software picks.

RiK Pick

Discover handpicked tech and tools recommended by us.

RiK Tech

Dive deep into IT, development, gaming, and emerging tech topics.

RiK Dev

See real projects, automation workflows, and ways to collaborate.