Open in app

Sign In

Write

Sign In

Ali Alhaddad
Ali Alhaddad

342 Followers

Home

About

Aug 1, 2022

Improve UX/UI of a old application part 2.(Star Wars Web App)

We are gonna fix the UI issues found in the previous tutorial of the Starwars app to completely follow our wireframe. Before we start make sure you go to the update-ui-figma branch.This will have the updated star-wars-app. …

React

5 min read

Improve UX/UI of a old application part 2.(Star Wars Web App)
Improve UX/UI of a old application part 2.(Star Wars Web App)
React

5 min read


Jul 9, 2022

Improve UX/UI of a old application part 1.(Star Wars Web App)

We will improve the UX or the user experience of an old application built a couple years back. We will design the updated mockup using figma, and implement those changes in real time via react code. We will first look at a previous tutorial, and clone the repository from the…

Star Wars

5 min read

Improve UX/UI of a old application part 1.(Star Wars Web App)
Improve UX/UI of a old application part 1.(Star Wars Web App)
Star Wars

5 min read


Jun 28, 2022

Dockerize MERN Full Stack App Part 7(Define your kubernetes configuration for the backend)

In this part of the tutorial we will define our kubernetes configuration to deploy our containers in a easier process to a cluster, which we would use on aws in the future. Before learning kubernetes make sure you clone the github repository of the project. GitHub - AliA1997/mern-tutorial-app at added-docker-compose You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or…github.com

Kubernetes

6 min read

Dockerize MERN Full Stack App Part 7(Define your kubernetes configuration for the backend)
Dockerize MERN Full Stack App Part 7(Define your kubernetes configuration for the backend)
Kubernetes

6 min read


Jun 21, 2022

Dockerize MERN Full Stack App Part 6(Publish frontend to amazon ecs)

In this part of the tutorial we will publish the frontend to amazon ecs, and have it communicate with the hosted backend on ecs. Before we start look at the previous tutorials to be up to speed. Dockerize MERN Full Stack App Part 5(Publish backend to amazon ecs) This is part 5 of our tutorial series on docker. In this part we would publishing our application to the world wide…alialhaddad.medium.com

Quran

8 min read

Dockerize MERN Full Stack App Part 6(Publish frontend to amazon ecs)
Dockerize MERN Full Stack App Part 6(Publish frontend to amazon ecs)
Quran

8 min read


Jun 17, 2022

Dockerize MERN Full Stack App Part 5(Publish backend to amazon ecs)

This is part 5 of our tutorial series on docker. In this part we would publishing our application to the world wide web, so other users can see it. This will be part 1 which would be publishing our backend. Before we start clone our backend repository. GitHub - AliA1997/Dockerize-MERN-Tutorial-Backend: Dockerize MERN Tutorial Backend You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or…github.com

Docker

9 min read

Dockerize MERN Full Stack App Part 5(Publish backend to amazon ecs)
Dockerize MERN Full Stack App Part 5(Publish backend to amazon ecs)
Docker

9 min read


Jun 3, 2022

Dockerize MERN Full Stack App Part 4(Use docker-compose to run frontend and backend)

In this tutorial we will be converting our current development environment setup, where we run backend and frontend separately using a variety of docker commands into one command using docker-compose. Why are we doing this? Because using the docker run command with the flags we used for publishing a port…

Quran

6 min read

Dockerize MERN Full Stack App Part 4(Use docker-compose to run frontend and backend)
Dockerize MERN Full Stack App Part 4(Use docker-compose to run frontend and backend)
Quran

6 min read


May 30, 2022

Dockerize MERN Full Stack App Part 3(Use a MongoDB Atlas instead of docker container.)

We will convert our mongodb docker container to mongodb atlas. A database cloud provider. Why? When managing a docker container by itself, you would need to manage security, infrastructure, and scaling. This requires knowledge of it that most developers don’t have. Easier to manage, only need to worry about what…

Quran

5 min read

Dockerize MERN Full Stack App Part 3(Use a MongoDB Atlas instead of docker container.)
Dockerize MERN Full Stack App Part 3(Use a MongoDB Atlas instead of docker container.)
Quran

5 min read


May 21, 2022

Dockerize MERN Full Stack App Part 2(React SPA)

Hello, in this part of the tutorial we will be dockerizing a react single page application. In the previous tutorial we launched a mongodb database, and a node.js rest api using docker containers. Now we will launch a react single page application using a docker container. First clone this repository…

React

6 min read

Dockerize MERN Full Stack App Part 2(React SPA)
Dockerize MERN Full Stack App Part 2(React SPA)
React

6 min read


May 10, 2022

Dockerize MERN Full Stack App Part 1(Node.js and MongoDB)

We will be dockerizing an existent mern application. What does dockerizing or dockerize mean? We will be converting a full stack app that runs locally to an app that you run in a container that can be deployed. Each container will be responsible for one part of the application. It’s…

Quran

7 min read

Dockerize MERN Full Stack App Part 1(Node.js and MongoDB)
Dockerize MERN Full Stack App Part 1(Node.js and MongoDB)
Quran

7 min read


Jan 10, 2021

Create a mongo database using atlas.

We will create a no-sql database using mongo db atlas. Create a account. Go to mongdb atlas website MongoDB Atlas: Cloud Document Database Cloud-hosted MongoDB service on AWS, Azure and Google Cloud. Deploy, operate, and scale a MongoDB database in just a…www.mongodb.com Click on Start Free button. Setup your mongodb atlas account by signing up without a gmail account or with a gmail account.

Mongodb

3 min read

Create a mongo database using atlas.
Create a mongo database using atlas.
Mongodb

3 min read

Ali Alhaddad

Ali Alhaddad

342 Followers
Following
  • Chidume Nnamdi 🔥💻🎵🎮

    Chidume Nnamdi 🔥💻🎵🎮

  • Michael Galarnyk

    Michael Galarnyk

  • Eric Elliott

    Eric Elliott

  • Meteor Software

    Meteor Software

  • Manusha Chethiyawardhana

    Manusha Chethiyawardhana

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech