voscarmv

Set up a remote git repo that self pulls and runs

This emulates Vercel for node apps if you are running a remote VPS for instance or any self hosted environment.

Create bare git repo and clone your repo

On your remote host, VPS, etc, do

git init --bare ~/myrepo.git

voscarmv

How to set up multiple domains in a single server using Cloudflare

Just repeat this procedure for every domain.

Install cloudflared

Find your distro: https://pkg.cloudflare.com/

For Ubuntu:

Ubuntu 24.04 (Noble Numbat)

# Add cloudflare gpg key

voscarmv

Self-hosting Vite apps

As Vercel falls from grace, hobbyists and others look for otions to circumvent it.

Here's a skeletal low-cost self-hosting option for everyone.

Hardware

1. Raspberry Pi 4
2. NAT-capable modem/router connected to the internet

voscarmv

Map Roulette integration for Facebook's Rapid

You can learn more about how this feature was built by reading Rapid's PR#1221

Feature description

Map Roulette is a map editor similar to Rapid. In map Roulette users can solve Challenges which are composed of Tasks to be carried out. Once a user finishes all the tasks in a given challenge, the challenge is considered to be complete. You can learn more about it from their documentation.

The Map Roulette UI works by showing users Task Clusters in a given area. The tasks in a cluster can belong to one or more different challenges. Users can click on any cluster to zoom into it and break it further into smaller sub-clusters.

Users zoom in like this until they reach a point where there are no more sub-clusters, and the map only shows individual tasks. Here's an animation of how that works:

voscarmv

# Feature description



If there is one takeaway for me from working with Rapid it's debugging.

You will probably want to know where 

Mention commit that contains zoom-in feature

voscarmv

Articles

1. https://medium.com/edonec/implement-redux-saga-in-your-react-typescript-project-1d79c4a2d726
2. https://github.com/maprihoda/react-redux-crud
3. https://blog.crunchydata.com/blog/generating-json-directly-from-postgres
4. https://claritydev.net/blog/speed-up-your-react-developer-workflow-with-code-g/
5. https://ejs.co/#install
6. https://www.jondjones.com/frontend/react/npm-packages-for-react-developers/how-to-build-a-form-in-react-using-react-json-schema-form/

Plan

voscarmv

How to google bugs like a pro 🐜 👈😎👍

1. Introduction

After years of coding and debugging my code, I've had to search for a lot of bug fixes online. Because of this, I've come up up with multiple googling techniques. I'd like to share these techniques here, to help others save time while searching for code solutions online.

2. General search techniques

These are techniques that apply to any type of online search you want to do, not just coding. Later on I'll touch on the subject of how to deal with error messages, and code searches.

voscarmv

How to use Git/Github for web development teamwork: A basic exercise.

Simply follow the instructions in this brief manual.

Keep in mind that Microverse encourages it's students to search for their own solutions online. If you don't know how to do something required by this exercise, try to google it first. If you still encounte trouble, feel free to contact your Practice Sessions Coordinator.

Before we begin, choose one teammate to be Student A, and another to be Student B. If you've already completed steps 1-3 feel free to skip them. Once you're ready, just follow these steps in order:

1. Both A and B: Create an account on https://github.com/.
2. Both A and B: Download and install git. Windows users can use https://gitforwindows.org/. Linux users can use sudo apt-get install git instead.