Welcome

MKX SpaceHub is a simple documentation website that offers basic and extended resources for systems administration and web development. It features tutorials, code snippets, gists, user's guide on some projects, and some fascinating articles about space.

Guides

Advanced tips, guides and best practices for mitigating issues. Take me there.

The Universe

Discover fascinating facts about the universe starting from our Solar System.

Motivation

The project is part of an internal collaboration within the Kitiplex organization, designed and maintained by @mkeithX. Its goal is to build an intuitive Knowledge Base Portal using powerful yet low-maintenance technology, without compromising the integrity and accessibility of the content.

The website is built using Docusaurus, a popular static site generator known for its ease of use and flexibility. The site’s source code is available on GitHub, and it is also hosted on Cloudflare, ensuring fast and reliable performance with enhanced security features.

Code Live

Try your JavaScript using the Live Code Editor:

Live Editor

const project = 'The SpaceHub Project';

const Greeting = () => <p>Introducing <br></br> {project}</p>;

render(<Greeting />);

Result

Loading...

More samples

• Basic Clock:

function Clock(props) {
  const [date, setDate] = useState(new Date());
  useEffect(() => {
    const timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h2>It is {date.toLocaleTimeString()}.</h2>
    </div>
  );
}
render(Clock)

• Alternative Clock:

function Clock(props) {
  const [date, setDate] = useState(new Date());

  useEffect(() => {
    const timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h4>
        Date: {date.toLocaleDateString()},{" "}
        {date.toLocaleDateString(undefined, { weekday: "long" })}
      </h4>
      <h4>
        Time: {date.toLocaleTimeString([], { hour12: false })} · {" "}
        {date.toLocaleTimeString([], {})}
      </h4>
    </div>
  );
}
render(Clock)

Something missing?

Report a Bug

If you find issues or inconsistencies with the documentation or have suggestions on how to improve the project, please file an issue.

Request a Feature

For new feature requests, you can create a post through the feature requests board. Your ideas are welcome for this project!

Worth Remembering

For Developers: The site is constantly updating and everything here is a work in progress. It may break if used incorrectly. Use at your own risk!