Lessons from building a full-stack web application

Jonathan — Thu, 23 Oct 2025 20:22:53 +0000

I built a full-stack web application.

A full-stack application is a complete software application that includes both the front-end (what the user sees and interacts with) and the back-end (the server, database, and application logic).

Smash It! is a performance tracking app for Table Tennis. Users can record and track their performance and compare it to other users within distinct groups.

Coming up with an innovative idea is challenging. What can help with the process is identifying a problem. The inspiration for Smash It! came about to solve a problem my coursemates and I faced during our web development bootcamp.

We would play table tennis every chance we got and we were quite competitive.
We needed a way to record and track our performance against one another. We tried using a whiteboard and spreadsheets but these proved inefficient and cumbersome. Therefore, for my capstone project, I decided to build an app that would solve our problem.

My capstone project was a proof-of-concept built in a couple of weeks. However, I wanted to see if I could build a production ready application that real users could use.

It takes time to build a good app. I learnt a tremendous amount, both on the technical and non-technical side of things. Below are a few things I learnt.

Non-technical

Marketing

Getting users engaged with your products/services, even when it's free, can be challenging. I thought that I'd build the app, release it into the wild, and the users would be pouring in. That is not the case, you need to:

Target the right audience
Convey that your products/services truly provide value and is worth being consumed

Trust

While pushing for the app to be used. A comment was made from a potential user that they were apprehensive of sharing their personal data on the app. They didn’t know how the data was going to be used. The data could be used unethically. Not my intentions, however, users want to trust that their data is being handled ethically.

Technical

Database Design

For this project, I put some thought on how to design and implement the database schema. For data-driven applications, how you store and retrieve the data is important for efficiency purposes. This becomes evident as the application scales to handle more data.

Other Technical Areas

Session Management
User Verification

Conclusion

Building a full-fledged production ready software application will teach you a lot. Getting users to use it is another problem to solve, and there can be a lot of non-technical requirements to consider, especially if you plan to make a business out of it. No wonder software companies are backed by so many teams in various departments. Building scalable software ain't easy. But you have to start somewhere.

I built a browser game 🎮

Jonathan — Thu, 28 Nov 2024 10:25:44 +0000

Pairs Game
Client Github Repo
Server Github Repo

This has been my longest running software development hobby project. Pairs, a browser game.

Inspiration

When I first started teaching myself programming. One of the books I used was Python Crash Course by Eric Matthes. Great book by the way! After completing the book, there are additional resources online.

The resources included additional challenges to apply what you have learnt from the book. One of these challenges was to build a game based on the card game, Go Fish.

I ended up completing the challenge, however, there was a problem. It was all in Python and ran in the terminal. Who wants to play a game in the terminal? 🫤

I wanted to build an application that I could easily share with others. I discovered the best way to do this was with a web application. This is how I fell into web development. Pairs was one of my first web development projects.

Tech Stack

Pairs has been through multiple iterations and tech stacks.

The current tech stack (at time of writing):

Client

Server

Dev (Client)

Features

This game has single player and multiplayer modes. Single player runs completely on the client whilst multiplayer uses a server to share the gamestate between clients.

Conclusion

This project has really helped me to learn and solidify new and existing web development and programming concepts. I would appreciate it if you'd check out the app and provide feedback. I am also open to collaboration.

Let me know!

Thanks for reading!

DEV Community: Jonathan

Lessons from building a full-stack web application

Non-technical

Marketing

Trust

Technical

Database Design

Other Technical Areas

Conclusion

I built a browser game 🎮

Inspiration

Tech Stack

Client

Server

Dev (Client)

Features

Conclusion