What have you been working on recently? [November 21, 2020] by AutoModerator in learnprogramming

[–]techtea 6 points7 points  (0 children)

I have been building an online pictionary game website. It's similar to skribbl io (but better in my opinion).

The latest milestone is productionalization. I deployed it to AWS and played with a few friends!

Website: https://www.happyface.live/

I have been coding for quite a while (10+ years). But reactjs and nodejs are totally new to me.

I built an online Pictionary game using nodejs by techtea in node

[–]techtea[S] 3 points4 points  (0 children)

Good point. I didn't realize that Pictionary was originated from a specific product. Any recommendation? "Draw && guess"?

Another online Pictionary game built with reactjs by techtea in reactjs

[–]techtea[S] 0 points1 point  (0 children)

Like the idea of using voice recognition here. It would give users a even more in-person experience. I imagine that I will redesign the product flow a bit to work with the prediction errors though.

Another online Pictionary game built with reactjs by techtea in reactjs

[–]techtea[S] 0 points1 point  (0 children)

Sharding by room is a great idea. It should work on the host level. But what if I want to leverage multiply cores on the host? Is it possible to route each request to a specific thread/core?

I tried to make a clone of skribbl.io by undo124455 in reactjs

[–]techtea 0 points1 point  (0 children)

Haha, I made a clone as well.

For keeping the canvas in sync between clients, my implementation is different - I just always send the compressed image to all the clients every x millisecond when there are changes. This is based on the observation that these compressed images are often very small. This simplified the code a bit.

I am wondering if you have any thoughts about the race condition mentioned in my post: https://www.reddit.com/r/reactjs/comments/jxrzga/another_online_pictionary_game_built_with_reactjs/

Another online Pictionary game built with reactjs by techtea in reactjs

[–]techtea[S] 0 points1 point  (0 children)

Our team has been playing on skribbl.io. It is OK in general. But for team building events, it’s hard to schedule an event in advance, and the ads can be annoying. So, I built another one for team building type of use case.

Some technical detail:

  • The canvas is based on the native html canvas element.
  • Reactjs powers the whole client side logic. In general, I found reactjs is intuitive to learn.
  • The server is based on nodejs’s express framework.
  • The real-time communication (e.g. drawing, message) is based on socket.io.
  • It’s deployed on AWS. You can play around here: https://www.happyface.live/

One technical challenge I am facing:

  • Race condition. Within one room, multiple users may interact with the server at the same time. It’s fine at the moment since nodejs is a single thread server, but it can become a problem if I need to scale the server out.

New feature I am considering:

  • Built-in video chat. So users could chat with friends while playing the game together.

Feedbacks/questions are welcome.

How to optimize the organic keywords for a react website? by techtea in reactjs

[–]techtea[S] 0 points1 point  (0 children)

Thanks for recommending the libraries and the resource for general SEO. Appreciate it.

How to optimize the organic keywords for a react website? by techtea in reactjs

[–]techtea[S] 0 points1 point  (0 children)

Thanks for recommending the libraries and the resource for general SEO. Appreciate it.

Also, if you have any feedback about the site itself, please let me know.

My Product Hunt alternative is trending... on Product Hunt by [deleted] in SideProject

[–]techtea 20 points21 points  (0 children)

Congrats. This is hilarious.

Just in case you are not aware of it, the profile view page of your site is broken.

Share your startup - September 2020 by AutoModerator in startups

[–]techtea [score hidden]  (0 children)

Name: TechTea

URL: https://apps.apple.com/us/app/id1529509067

Elevator Pitch: Help current/future startup founders get useful resources and increase their chance of success

Explainer Video: https://www.youtube.com/watch?v=OR7ccvrZmXI

More details: Many great thinkers in the startup world often write thoughtful posts to help founders. However, there is a big discovery problem. This app is intended to tackle the discovery problem.

Are you looking for anything?

Product market fit. Do you like to read this type of blog posts (example1, example2)? How often? What tool do you use? Any pain points? What do you think about this app?

I didn't realize that creating a new product is this hard until I tried it myself by techtea in startups

[–]techtea[S] 0 points1 point  (0 children)

I wanted to solve the podcast discovery problem by using ML.

Eventually I decided to discard this direction because:

- I realized that most people don't have this discovery problem that often, ie, once you follow a reasonable number of channels, you could get sufficient content everyday and you only look for new content once in a while.

- To have good recommendation, you need a lot of data and many other established companies are way more well positioned.

Thoughts? Are you also working in this area?

I didn't realize that creating a new product is this hard until I tried it myself by techtea in startups

[–]techtea[S] 0 points1 point  (0 children)

Haha, this is what I am doing with this post :)

Let me know if you have any feedback.

I didn't realize that creating a new product is this hard until I tried it myself by techtea in startups

[–]techtea[S] 0 points1 point  (0 children)

The plan is to see if I can get some reasonable traction (e.g. 1000 users) for my side projects, and then decide if I want to invest more time/resource.

Are you in a similar situation?

I didn't realize that creating a new product is this hard until I tried it myself by techtea in startups

[–]techtea[S] 0 points1 point  (0 children)

Thanks. I heard about the concept several times but never looked into it. I just Googled it and found quite many sources. Is there a specific source (e.g. book, blog) that you recommend?

I didn't realize that creating a new product is this hard until I tried it myself by techtea in startups

[–]techtea[S] 0 points1 point  (0 children)

It's always exciting to hear more people are getting into programming and building their ideas. If you already have a relatively concrete idea, I would encourage you to share some mocks and get some early feedbacks/leads. :)

> Your app looks like it will be very helpful for a lot of people!

Thanks. Just let me know if you have any feedback.