DEV Community: KWIZERA Caleb

A Software Engineer’s 2-Day Learning Project.Next.js, Zustand, and WebSockets: My Open-Source Instagram Clone Built in 48 Hours

KWIZERA Caleb — Sun, 30 Mar 2025 11:45:06 +0000

Hi Dev community ,
As a software engineer, I love pushing my skills with challenging projects. Two months ago, I set out to build a fully functional Instagram clone from scratch in just two days. The result? A web app with core social media features, real-time functionality, and even online games for users to play—all open-sourced on GitHub! Here’s a quick rundown of the project and what I learned along the way.

The Tech Stack

Frontend: Next.js (for SSR and a smooth dev experience) +Zustand (for state management).
Backend: Node.js with Express (handling APIs and WebSocket integration).
Database: MongoDB (flexible schemas for user data, posts, and game states).
Real-Time Features: WebSockets (powering live notifications and multiplayer games).
**
Key Features**
User authentication, profiles, and saving posts, liking.
Post creation with choosing colors, changing profile images from provided avatars with AI.
Playing games online including deer hunter, racing games, platformer games etc. all made in Javascript.
Real time chat features

What I Learned

WebSockets are a game-changer for real-time apps, but debugging race conditions is no joke.
Next.js + Zustand is a powerful combo for fast prototyping without sacrificing structure.
Two days forces you to focus on MVP features—great practice for production mindsets.

Check It Out!
The project’s live on GitHub: instagram-clone. I’d love feedback, suggestions, or even contributors! If you find it useful or inspiring, a star 💫 would mean a lot—it’s my first big open-source project. Feel free to ask me anything about the build process or tech choices in the comments—I’m happy to dive into the details.

Thanks for reading, and happy developing!!

Live demo: Twikka || Instagram clone

The Art of Writing Clean and Maintainable Code

KWIZERA Caleb — Sat, 01 Feb 2025 17:08:49 +0000

As software engineers, we often focus on solving complex problems, optimizing performance, and shipping features as quickly as possible. However, one of the most critical aspects of software development is writing clean and maintainable code. Code that is easy to read, understand, and modify leads to higher productivity, fewer bugs, and better collaboration among developers. Here are some best practices that can help you write clean and maintainable code.

1. Follow a Consistent Coding Style
-A consistent coding style makes your code more readable and reduces cognitive load. Some key practices include:
-Using meaningful variable and function names.
-Following a standard indentation style.
-Adhering to language-specific conventions
Using linters and formatters like ESLint (JavaScript), Prettier, or Black (Python) can help enforce these styles automatically.

2. Write Self-Documenting Code
While comments can be useful, the best code explains itself. Strive to write code that minimizes the need for comments by:
-Using descriptive function and variable names.
-Keeping functions short and focused on a single responsibility.
-Avoiding magic numbers; use named constants instead.

3. Keep Functions and Classes Small
Functions and classes should be focused on doing one thing well. The Single Responsibility Principle (SRP) is a useful guideline:
-A function should have only one reason to change.
-A class should have a single, well-defined purpose.
If a function is too long, consider breaking it into smaller helper functions.

4. Avoid Code Duplication
Repeated code increases the risk of inconsistencies and makes maintenance harder. DRY (Don't Repeat Yourself) is a fundamental principle that helps keep your codebase maintainable. Use functions, modules, and object-oriented design patterns to reuse code effectively.

5. Use Meaningful Error Handling
Error handling should be informative and not just suppress errors silently. Instead of using generic error messages, provide meaningful feedback that helps debug the issue quickly.

# Bad
try:
    result = 10 / x
except:
    print("Something went wrong")

# Good
try:
    result = 10 / x
except ZeroDivisionError:
    print("Error: Division by zero is not allowed.")

6. Write Unit Tests
Testing is crucial for maintaining software quality. Unit tests help ensure that your code works as expected and prevent regressions. Consider using testing frameworks like:
-JUnit for Java
-pytest for Python
-Jest for JavaScript
Writing tests may seem time-consuming initially, but it saves time in debugging and maintenance.

7. Keep Dependencies Up-to-Date
Using outdated dependencies can introduce security vulnerabilities and compatibility issues. Regularly updating libraries and frameworks ensures your code remains secure and efficient.
Use dependency management tools like:
-npm/yarn for JavaScript
-pip and virtualenv for Python
-Maven/Gradle for Java

8. Document Your Codebase
Even with self-documenting code, proper documentation is essential, especially for larger projects. Maintain clear API documentation, README files, and architectural overviews.
Tools like:
-Doxygen for C++
-Sphinx for Python
-JSDoc for JavaScript
help generate documentation automatically.

As a conclusion, Writing clean and maintainable code is an essential skill for every software engineer. By following best practices such as using a consistent style, breaking down large functions, avoiding duplication, and writing tests, you can create code that is easier to understand and maintain.

Let's connect
Twitter/X
Github

Hosting php site

KWIZERA Caleb — Tue, 13 Feb 2024 10:21:17 +0000

Firstly I hosted this website on the infinityfree website but , at first I got a 403 error after I found that am missing an index page and I added it . After the error changed to "Sorry that file can't be found" help me. "When I was connecting databases I did not create the tables from scratch again instead I imported it from the sql file I exported from the database I used while making the project"

I was expecting it work because I did all the steps for hosting a php site as I made research and also connected the database well but it doesn't work.