Texas 420

Learn how we created a ReactJS website for the Texas 420 gaming community, providing admin tools for quick updates and community engagement.

Overview

The Texas 420 project was a revamp of a Rust (video game) community server website. The original site was a basic WordPress setup that lacked a modern design and ease of use. Having spent over 500 hours playing on the server, I recognized the need for an updated, more functional website. I reached out to the server owner with an offer to redesign the site, making it easier for admins to manage and update content, and the owner agreed.

Project Scope

The main objective of the project was two-fold:

  1. Improve the user experience for players by providing clear, accessible information about the server, including rules and important links (e.g., server analytics, Patreon, Discord).
  2. Allow server administrators to easily update the site’s content without any technical expertise, using a WYSIWYG interface.

My Role

I took on the role of full stack developer and, by necessity, the designer. With limited design experience at the time, I handled both the front-end and back-end development, while visuals and assets were supplied by Ookamijime. Additionally, I set up the entire project using Docker to simplify deployment for the client.

Unique Features

The standout feature of the Texas 420 project was a custom-built WYSIWYG (What You See Is What You Get) editor. This allowed admins to use Markdown to style the content, with a real-time side-by-side preview showing how the content would appear on the live site. This made updating the website intuitive and required no coding knowledge from the server administrators.

Technology Stack

  • Front-end: ReactJS, CSS, HTML
  • Back-end: Sanity.io (CMS)
  • Other: Markdown for content styling, Docker for easy deployment and setup

Challenges

There were no significant technical or project-related challenges. The project progressed smoothly due to the simplicity of the requirements and clear communication with the client.

Client Collaboration

Client collaboration primarily involved rounds of feedback and revisions. The admin team provided input on the look and functionality, and I adjusted the design and features accordingly to ensure the website met their needs.

Results & Impact

The revamped site had a positive effect on the community. A few months after the launch, the server saw such a surge in popularity that the admins implemented a Patreon-based subscription model to manage player queueing. While I can't take full credit for this growth (the server's admins and community played a significant role), the improvements to the website definitely contributed by making information more accessible and content management easier. Admins reported that updating the rules and maintaining the site was now much simpler.

Timeline & Delivery

The project was completed within two weeks, with around 15-20 hours of development time. The work was done in my free time, as it was a passion project aimed at giving back to a community I enjoyed being a part of.

Post-launch Support

While no formal support was set up after launch, I have occasionally helped the admins with minor fixes and updates when needed. I’m always happy to assist whenever they reach out.

‍

No items found.

Similar Projects

Explore Projects
Skyrocket Digital
Webflow
WebTricks
Javascript
CSS
HTML

Discover how we relaunched Skyrocket Digital’s website with 3D models, SEO optimization, and a custom CMS to highlight the outstanding agency services and case studies.

Carsimple
Webflow
JSDelivr
Github
WebTricks
Javascript

Discover how we built Carsimple’s website with a unique multi-filter sorting system, enhancing user experience for Vancouver’s leading used car reseller.

Kabuni
Webflow
Javascript

Read how we developed a clean, engaging landing page for Kabuni’s blockchain platform, focusing on fast delivery and efficient communication of key messages.

From learning to code in the early 2000 to building a tech career, my journey's been all about learning, experimenting, and growing with every line of code. Here’s where it’s led me.
A decade as a profesional software developer
In this article, we'll explore the huge role of design systems as foundational tools play in web development. Let’s dive in and unlock the power of design consistency together.
Unlocking the Power of Design Consistency: The Magic of Style Guides and Design Systems
Any new platform is intimidating the first time and even NoCode apps can be pretty scary, but taking one step at a time will get you there eventually. It is not the only tool that exists but Webflow has come with a lot of possibilities few competitors can match.
How to get started with Webflow