Keystroke: Development of Q&A social network for coders

First of its kind!

May 30, 2023

By: Maria

Your Go-To Network for Coding Questions

Keystroke is a Q&A platform specially designed for coders by Bits Kingdom. It’s a place where developers can ask questions, exchange knowledge, and get one-on-one tutoring. It’s straightforward, easy to use, and built with the developer community in mind.

But, Keystroke is not just a platform; it’s a community where programming queries find their answers.

Who is Keystroke for?

Keystroke is for anyone who writes code. Whether you’re stuck on a tricky bug, looking for best practices, or need advice on your code, Keystroke has something for every coder. It’s about getting the help you need and sharing what you know.

Homepage screenshot of Keystroke, a Q&A social network for coding questions. It features a deep blue pixelated background with the central query, 'Are you stuck coding?' and a search bar for questions. There are various coding-related icons and a statistic highlighting '3,510,890+ active keystrokers' displayed prominently.

Why We Used React and NodeJS Technologies

The backbone of Keystroke is a quartet of modern technologies harmonizing to create a seamless user experience. The platform uses React, NodeJS, Mongo, and Docker – a stack known for performance and scalability. React makes the interface snappy and responsive. NodeJS ensures that the server side can handle the traffic. Mongo offers a flexible database that’s easy to scale, and Docker keeps everything running smoothly no matter where you deploy it.

Our Design Choice: Pixel Art

We went for a pixel art style, reminiscent of classic arcade games, combined with a cool blue color palette. The pixel art design evokes memories of a simpler time in gaming while maintaining a modern edge, much like the evolution of coding itself. The choice of a blue color palette isn’t merely aesthetic—it symbolizes trust, stability, and depth, mirroring the very essence of Keystroke’s mission.

The pixels and palettes come together to create an interface that’s not just visually engaging but also intuitively navigable—because we believe that the beauty of code isn’t just in its execution, but in its presentation.

Screenshot of Keystroke's user interface showcasing the 'My questions' tab with upcoming tutorings listed and a sidebar featuring 'Favourite topics' like ReactJS and AngularJS. The main panel displays a resolved coding query about a WordPress 500 Internal Server Error, including code snippets and user interactions with views and comments.

Keystroke is a friendly, efficient, and dynamic platform – just like the developers it’s designed for. Check it out and join a growing community of coders ready to help each other out.

Website:

keystrokeapp.com

Technologies:

React – NodeJS – Mongo – Docker – Figma

Customer:

oino.tech