DEV Community: Imed Adel

Answer: How do you merge two Git repositories?

Imed Adel — Sun, 17 May 2020 17:00:03 +0000

answer re: How do you merge two Git repositories?

May 11 '12

If you want to merge project-a into project-b:

cd path/to/project-b
git remote add project-a path/to/project-a
git fetch project-a --tags
git merge --allow-unrelated-histories project-a/master # or whichever branch you want to merge
git remote remove project-a

Taken from: git merge different repositories?

This method worked pretty well for me, it's…

Open Full Answer

What is the easiest way to deploy Docker Compose and update it with no downtime?

Imed Adel — Mon, 13 Apr 2020 17:35:01 +0000

I usually work on the frontend, but I had to learn Docker and Nginx last week in order to set up my app's backend. So I am a bit confused about how to deploy it now.

I read about AWS ECS, however, it seems that I cannot "just deploy" to it using my docker-compose.yml file. Deploying directly to EC2 can be problematic when I want to update my backend without any downtime.

I also do not want to introduce any other complicated tool to this setup, because I feel like I need to "digest" what I've learned so far.

PS. ECS CLI supports deploying using a Docker Compose file, but it's missing some Docker Compose features that I'm currently using.

[a, b] = [b, a]

Imed Adel — Sun, 12 Apr 2020 10:26:58 +0000

Today I realized that I can easily swap values in JavaScript using destructuring 😲 I don't know how I never noticed this before!

let a = 1, b = 2
[a, b] = [b, a]
console.log({a, b}) //=> {a: 2, b: 1}

I made an Emoji Maker using React (DOM) and SVG 🤓

Imed Adel — Tue, 26 Nov 2019 19:00:00 +0000

This weekend, I wanted to make something creative so I made an Emoji Maker using React, ReactDOM, and SVG. I built it with Gatsby too, which allowed me to make a Progressive Web App in no time 😁.

Contrary to other bots or (deprecated) emoji generators, this one can generate an SVG version, which is really helpful in case you want to include it in another design or you want to customize it even further.

Some features, such as changing the position of elements and changing their colors, are still missing. However, they are mostly complete and I just need to add a UI component 😊.

Check out the app at https://jamstack.studio/emoji

I created a Chrome extension to practice LeetCode with Spaced Repetition

Imed Adel — Tue, 22 Oct 2019 09:58:50 +0000

I was recently practicing LeetCode problems while preparing for interviews and I got frustrated with using Excel sheets to track my learning progress, so I decided to make a Chrome extension to automate my reviews 😊: SpacedLeet.

I used a simple spaced repetition algorithm to optimally set my next reviews and I used Webpack and Lit-HTML to make the extension 😁.

The process is straightforward: after working on a problem, you launch the extension and rate your performance.

Depending on your rating and how you performed in the past, the problem will be shown for review after a couple of days (or months) when you visit any page other than the problem page.

You can get the extension on Paddle. It's available for two dollars 😊.

You can also read more about it and how to install it on the extension's website.

I'm also looking for any feedback about the landing page and the extension 🙏.

A VS Code Snippet for Generating Gatsby Components with Static Query

Imed Adel — Thu, 15 Aug 2019 13:37:42 +0000

Having to re-write the same boilerplate code for a React component with StaticQuery from Gatsby can get tiresome. Which is why I recently made a small snippet for VS Code in order to automate the process.

Go to File > Preferences > User Snippets (Or Code > Preferences > User Snippets` on MacOS), choose JavaScript, and paste the following snippet inside of the curly braces:

JSON "Gatsby Static Query": { "prefix": "gatstaq", "body": [ "import React from 'react'", "import { StaticQuery, graphql } from 'gatsby'\n", "const ${1/(.*)/${1:/capitalize}/} = ({ data }) => (\n\t$0\n)\n", "const ${1:page}Query = graphql\n\t\n\n", "export default () => (\n\t<StaticQuery query={${1:page}Query} render={data => <${1/(.*)/${1:/capitalize}/} data={data} />} />\n)\n" ] }

Originally posted on my blog: Gatsby StaticQuery Snippet for VS Code