DEV Community: Ahmed Khaled MOhamed

Deploy Sylius to Heroku

Ahmed Khaled MOhamed — Fri, 19 Nov 2021 12:38:46 +0000

In this blog we are going to deploy sylius store to heroku, First you need to know that sylius will need php, node, mysql environments to load and build assets for our store so long story short we will install new app and add two buildpacks heroku/php and heroku/nodejs and will add add-on JawsDb for database storage and make some nginx and edit composer.json to make the project runnable by heroku.

You should know

heroku will look for the required php version from the composer.json and will look for compile script to run the project.
sylius database is too big for the free version on Jawsdb so feel free to choose your package the 10$ done the job for me.

get A fresh copy of sylius here

Setup

navigate to your sylius project dir and init new heroku app using the cli
```
$ heroku create APP_NAME
```

we need to add heroku/php and heroku/node

$ heroku buildpacks:set heroku/php --app APP_NAME
$ heroku buildpacks:set heroku/nodejs --app APP_NAME

OR you can navigate to settings and under buildpack add php and nodeJs

add the Jawsweb database then set APP_END=prod

$ heroku addons:create jawsdb --app APP_NAME # This command will also add a new env JAWSDB_URL
$ heroku config:set APP_END=prod --app APP_NAME

create Procfile in your root directory and add this content
```
web: heroku-php-nginx -C nginx_app.conf public/
```

create nginx config file nginx_app.conf in the root directory

location / {
    # try to serve file directly, fallback to rewrite
    try_files $uri @rewriteapp;
}

location @rewriteapp {
    # rewrite all to index.php
    rewrite ^(.*)$ /index.php/$1 last;
}

location ~ ^/index\.php(/|$) {
    try_files @heroku-fcgi @heroku-fcgi;
    # ensure that /index.php isn't accessible directly, but only through a rewrite 
internal;
}

we need to make some changes to our composer.json so heroku can run sylius install and build scripts

    "scripts": {
        "compile": [
            "@php bin/console sylius:install --no-interaction --fixture-suite=default"
        ],
        "post-create-project-cmd": [
            "@php bin/console sylius:inform-about-gus --ansi",
            "@php bin/console sylius:show-available-plugins --ansi"
        ],
        "auto-scripts": {
            "cache:clear": "symfony-cmd",
            "assets:install %PUBLIC_DIR%": "symfony-cmd"
        }

Snippet Here

and under require section add to enable this php extension on the heroku app

"ext-intl": "*"

then run

$ composer update

do not forget to remove composer.lock from .gitignore

to the package.json file add this block to specify node and yarn versions
```
"engines": {
    "node": "14.x",
    "yarn": "1.x"
},
```

to make the server prod logs appear in the instance logs edit /conig/packages/prod/monolog.yaml with content

monolog:
    handlers:
        main:
            type: fingers_crossed
            action_level: error
            handler: nested
            excluded_http_codes: [404, 405]
        nested:
            type: stream
            path: "php://stderr"
            level: debug

remove the .env file from .gitignore and make sure it contain these two envs reading from global env
```
APP_ENV=${APP_END}
DATABASE_URL=${JAWSDB_URL}
```

we will create a repo on github and make heroku deploy from github so

$ git init
$ git remote add origin <github_remote_url>
$ git add .
$ git commit -am "init commit"
$ git push origin master

then go to the app heroku app to the Deploy tab then select Github from Deployment method then choose your repository and the branch to deploy then click on the Deploy Branch
Click on the open app and you just deployed your first sylius store to heroku.

Referenceies

Slack Status Setter🔮

Ahmed Khaled MOhamed — Sat, 28 Mar 2020 16:21:29 +0000

You can find the repo on SlackSS

Slack Status Setter (SSS) 🤖

It will update your slack status according to your actual presence in front of your camera every 10 minutes Follow the Docs to customize this project

Thanks to face detector on this repo : Face-Detection-JavaScript

Installation 👀

open https://api.slack.com/legacy/custom-integrations/legacy-tokens and under Legacy information you can find your token.
open script.js and replace <API_TOKEN> with your slack legacy token.
default time interval for updating slack status is 10 minuts if you want to change that you can change the value of time_fraction in script.js file.
open this app in your browser and every 10 minuts it will update your slack status according to your current presence.

Your guide to Docker & Kubernetes 🐳

Ahmed Khaled MOhamed — Thu, 26 Mar 2020 18:44:32 +0000

This blog post contains docker examples on GitHub 👑
https://github.com/aa-ahmed-aa/Docker-Kubernetes

You can find this blog here 📫
https://www.notion.so/Docker-Kubernetes-0181ef3069964e7b8848fae8cc18c7e0

Driven development

Ahmed Khaled MOhamed — Sat, 08 Jun 2019 09:03:42 +0000

if you have been in the scenario of translating business needs into an actual feature and wanted to go the right way of implementing this, I think this blog is for you.
in this blog, I talk about TDD / BDD / DDD in-details.
Read More: https://aa-ahmed-aa.github.io/Driven-Development/

Design patterns 101

Ahmed Khaled MOhamed — Fri, 15 Mar 2019 07:57:48 +0000

You can find the main blog at https://aa-ahmed-aa.github.io/design-patterns-101/

Table of Content

Who is this blog for
Before you start
Quick Review
1. S.O.L.I.D
2. Dependency injection
3. Composition and Aggregation
Design Patterns
Patterns in the real world

Who is this blog for

if you want to be a better programmer (reading others code - enhancing your skills).
if you are repeating yourself when you write code (unintentionally).
those who think design pattern is a black box and can't really know what is a design pattern.
sometimes you see snippet of code that you don't understand in programming language
that you have experience with and you wonder why is this code designed this way.

Before you start

This blog is a brief of 14 design pattern in Head first design pattern,
so to get the biggest benefit of this blog,
i recommend you follow these steps :-

Read the pattern definition.
Understand the problem introduced and try to imagine it in bigger scale.
Read the UML.
Trace the code example.

Two important things you need to know before we go further :-

First

Design pattern is just a clean way to solve a problem also provides flexibility to your code,so do not enhance any pattern until you make sure that this enhancement is successful applied by the SOLID (we will come to this later), so you can consider solid as your brakes that will stops your fantasy from pattern violation.

Second

Patterns are not used separately from each others at the end of this blog you can use many patterns together like you will see in MVC.

This blog is based on this repo
so go ahead and star it.

Quick Review

S.O.L.I.D

every letter stands for a specific word with a specific concepts so let's get started right away.

S - Single-responsiblity principle

A class should have one and only one reason to change, meaning that a class should have only one job.

O - Open-closed principle

Objects or entities should be open for extension, but closed for modification.

L - Liskov substitution principle

Let q(x) be a property provable about objects of x of type T. Then q(y) should be provable for objects y of type S where S is a subtype of T.

I - Interface segregation principle

A client should never be forced to implement an interface that it doesn't use or clients shouldn't be forced to depend on methods they do not use.

D - Dependency Inversion Principle

Entities must depend on abstractions not on concretions. It states that the high level module must not depend on the low level module, but they should depend on abstractions.

Note : you can find more information about solid and code examples Here.

Dependency injection

we use this technique to provide more functionality to an object from another dependent objects.

Example

here we injected class A to class B.

class A{
    public function show()
    {
        print "Hello from A Class";
    }
}

class B{
    public $A;

    public function __construct()
    {
        $this->A = new A();
    }

    public function showFromA()
    {
        print $this->A->show();
    }

}

$b = new B();
$b->showFromA();

Composition and Aggregation

Composition is effectively an ownership relationship, while aggregation is a “contains” relationship. In composition, the parts can not exist outside the thing that contains them, but individual things can exist on their own as unique entities in aggregation.

in order to keep this blog short and sticky to the point i recommend you read this short blog Composition and aggregation

Design Patterns

follow the link of every pattern to see pattern definition, UML, and code examples

Do not forget to trace the code this is the most important step to get familiar with the pattern

Strategy pattern

Defines a family of algorithms ,encapsulates each one and makes them interchangable. strategy lets the algorithm vary independently

Observer Pattern (Keeping your objects in the know)

Defines a one-to-many dependency between objects so that when one object changes state, all its dependents are notified and updated automatically.

you may see this pattern used alot in the front-end framework because it needs to eep track of data synced to the UI.

Decorator Pattern (Decorating Objects)

Decorators provide a flexibile alternative to subclassing extending functionality.

Factory Pattern (Backing with oo Goodness)

Factory pattern divided into two main types (Factory method and Abstract factory), In this pattern i will focus on the difference between the two subset patterns and will code only the factory method.

Check the difference between Abstract Factory and Factory Method

Singleton Pattern (One of a kind object)

Ensure that a class has one instance and provide a global point of access to it ,we can say that this pattern is our ticket to creating one-of-a-kind objects for which there is only one instance.

Command Pattern (Encapsulating Invocation)

Encapsulates a request as an object, thereby letting you parameterize clients with different requests, queue or log requests, and support undoable operations.

Adapter Pattern

Convert the interface of a class into another interface clients expect.let's classes work together that couldn't otherwise because of incompatible interfaces.

Check the two adapter types

Facade Pattern

Provides a unified interface to a set of interfaces in a subsystem facade defines a higher-level interface that makes the subsystem easier to use.

Template Method Pattern (Encapsulating Algorithms)

Define the skeleton of an algorithm in an operation, deferring some steps to subclasses.Template Method lets subclasses redefine certain steps of an algorithm without changing the algorithm's structure.

Iterator Pattern

Provide a way to access of an aggregation object sequentially without exposing it's underlying representation.

Composite Pattern

Compose objects into tree structured to request part whole hierarchies, Composite let's clients treat individual objects and compositions of objects uniformly.

Proxy Pattern

Provide a surrogate or placeholder for another object to control access to it

State Pattern

Allow an object to alter its behavior when its internal state changes the object will appear to change its class.

Patterns in the real world

Categorizing patterns will help us understand the difference between patterns and also will help us memorizing them.

Categorize patterns as (Structural - Behavioural - Creational)

Structural

Decorator - Composite - Proxy - Facade - Adapter

Behavioural

Template Method - Iterator - Command - Observer - State - Strategy

Creational

Singleton - Abstract Factory - Factory Method

Categorize patterns that deals with (Class - Object)

Class

Template Method - Adapter - Factory Method

Object

Command - Decorator - Proxy - Composite - Facade - Iterator - Observer - Strategy - Singleton - State - Abstract Method

Thinking in pattern

Keep it simple (KISS)

solve things in the simplest way possible, your goal should be simplicity, not "how should i apply a pattern".

Design patterns aren't a magic bullet; in fact, they're not even a bullet!

patterns aren't a magic bullet you can't plug one in, compile and then take an early lunch, to use patterns , you also need to think of the consequences for the rest of your design.

You know you need a pattern when...

once you're sure a simple solution will not meet your needs, you should consider the problem
along with the set of constraints under which the solution will need to operate- these will help you match your problem to a pattern.

if you have any question please open an issue with your question on the github repo Here.

Zeta offline judge

Ahmed Khaled MOhamed — Sun, 16 Dec 2018 13:24:53 +0000

Zeta 🐉 is an offline judge for programming contests 🏆.
Githup link : https://github.com/aa-ahmed-aa/Zeta

💂 Features

Contestants auto ranking.
Can add clarifications for problems.
Auto judging for c/c++ solutions (java comming soon).

🚩 Judging and Ranking

📌 Judging

after judging a problem the contestant can get one of 4 responses :-

AC => ACCEPTED
WA => WRONG ANSWER
TLE => TIME LIMIT EXCEEDED
CE => COMPILER ERROR

green judge mean it is recommended to use this type of judging for this submmition

Automatic 🆚 Manual Judging
- Automatic judging It will run the contestant solution and compare it with the testcases given to that problem and respond to that user submition .
- Manual Judging Adding the response manually to this submition because Sometimes users didn't follow the rules of the contest and read or write from i/o Stream Not File.

🚖 Ranking

Submition rank Submition are ranked according to time and problem rank so the ranking equation is :-

                                                     Tstart - Tsub
       submition_rank =   problem_rank    -    _________________________    -    (    wrongAnswerCount   *   5    )
                                                           60

       Minimum Submmition Rank is = 40% Of problem rank

User rank
- Users are ranked according to the highest sum of the ACCEPTED problems rank.
- Scoreboard Time is the time of the user last submition.
Time is the Time of the user last Submmition

🚀 PreRequirements

xampp ( if you have any problem with the calss named String it is according to PHP version read this to fix the problem : https://github.com/cakephp/cakephp/issues/7573 )
GCC Compiler ( i used Mingw )

🔥 Installation

Download the Repo git clone https://github.com/aa-ahmed-aa/Zeta or via the download button.
Import the database file in the Database/zeta_4.sql to phpmyadmin.
Go to app/Config/database.php and update username and password to your credential
Download Mingw compiler and copy it to your Zeta path.
Now Goto http://localhost/Zeta and user username : ahmedkhaled, password : ahmedkhaled123 to login (this is the default admin account you can use it to add other admins and contestant then delete it later)

Before starting a contest you should go to Settings and set the starting time of the contest this time is used to ranks problems and contestant in the scoreboard

🚧 Contribution

Compilation and Running is based on this package (DORM) so feel free to have a look.

If you find any problem feel free to open issues with any error you find or features you think we can add to Zeta, if you have any problem while you are installing zeta please feel free to contact me at ahmedkhaled36@hotmail.com

Dorm introducing multi-compiler package 🏄 for php

Ahmed Khaled MOhamed — Wed, 25 Jul 2018 10:11:21 +0000

Dorm is a multi compiler package designed to handle compilation and running of non-php code in your project, now the package support compilation and running of c, c++, python2, python3 and java.

Installing compilers and setting things up

Compilers

C ======> GCC compiler
C++ ======> G++ compiler
Java ======> JDK
Python ======> Python2.7 or Python 3.4 (configure it with python2 or python3 according to your needs).

MinGw contains g++/gcc compilers
Java SE Development Kit
Python you can download any version python2.7 or python3.4.

default paths are :-

"cpp" => 'C:/MinGW/bin/g++.exe',
"c" => 'C:/MinGW/bin/gcc.exe',
"java" => 'javac',
"python2" => 'C:/Python27/python2.exe',
"python3" => 'C:/Python34/python3.exe'

and configure it's paths in the vendor/aa-ahmed-aa/dorm/src/Config.php for
every compiler the default for

Install Dorm

install the package using composer composer require aa-ahmed-aa/dorm

Let's Compiler and run some code

This code will compile and run C++ code

require ('vendor/autoload.php');
use Ahmedkhd\Dorm\Dorm;

$obj = new Dorm();

//set compilation path
$obj->setCompilationPath( __DIR__ );

$cpp_code = <<<'EOT'
    #include<iostream>
    using namespace std;

    int main()
    {
        cout<<"hello, c plus plus";
        return 0;
                }
EOT;

$comp = $obj->compile( $cpp_code, "cpp" );
echo "Compilation : " . ( ! is_array($comp) ? "Success" : "Fail" )  . "\n";
    echo "Running is : " . ( ! is_array($comp) ? $obj->run() : "Fail" ) . "\n";

This code will compile and run Java code

require ('vendor/autoload.php');
use Ahmedkhd\Dorm\Dorm;

$obj = new Dorm();

//set compilation path
$obj->setCompilationPath( __DIR__ );

//java
$java_code = <<<'EOT'
    public class Main {
    public static void main(String[] args) {
        // Prints "Hello, World" to the terminal window.
        System.out.println("Hello, Java");
    }

}
EOT;


$comp = $obj->compile( $java_code, "java" );
echo "Compilation : " . ( ! is_array($comp) ? "Success" : "Fail" )  . "\n";
echo "Running is : " . ( ! is_array($comp) ? $obj->run() : "Fail" ) . "\n";

This will compile and run python code

require ('vendor/autoload.php');
use Ahmedkhd\Dorm\Dorm;

$obj = new Dorm();

//set compilation path
$obj->setCompilationPath( __DIR__ );

$python_code = <<<'EOT'
print "Hello, Python3.4"
EOT;

$comp = $obj->compile( $python_code, "python2" );
echo "Running : " . implode( $comp )  . "\n";

Adding you own Compiler

After installing your own compiler you need to go to vendor/aa-ahmed-aa/dorm/src/Config.php
and add your compiler to the $compilers array.

$compilers = [
    "__COMPILER_NAME__"=>[
    "path" => "__COMPILER_PATH__",
    "file_extension" =>'__CODE_FILE_EXTENSION_',
    "compile_func" => __NAME_FOR_YOUR_COMPILER_FUNCTION__,
    "run_func" => __NAME_FOR_YOUR_RUN_FUNCTION__
    ]
];

path => is the path of your compiler or (alias_name in sys env).
file_extension => the extensions of files this compiler uses.
compile_func => compilation function in the vendor/aa-ahmed-aa/dorm/src/Core.php.
run_func => run function in the vendor/aa-ahmed-aa/dorm/src/Core.php.

Then you need to go to you vendor/aa-ahmed-aa/dorm/src/Core.php and implement your compilation and running for this type of compilers after than you only need to use compile and run for any type of compilers.

Useful Function

setCompiler
getCompiler
setCompilationPath
getCompilationPath
createFolderIfNotExisted
cleanCompilationFolder

Support

If you find any problem with this package feel free to open an issue or contact me at ahmedkhaled36@hotmail.com
Github 🔥 : https://github.com/aa-ahmed-aa/Dorm

Difference between Heredoc and Nowdoc 🤔

Ahmed Khaled MOhamed — Fri, 27 Apr 2018 12:31:16 +0000

Heredoc

heredoc will evaluate your variables and place them exactly where you placed in the string.
Example:


$name = "Ahmed Khaled";

$here_doc = <<<EOT
My name is "$name" and 
i love programming

EOT;

echo $here_doc;

Output:

My name is "Ahmed Khaled" and 
i love programming

Nowdoc

nowdoc will never evaluates your variables in the string

Example:


$name = "Ahmed Khaled";

$here_doc = <<<'EOT'
My name is "$name" and 
i love programming

EOT;

echo $here_doc;

Output:

My name is "$name" and 
i love programming

My Git Hot Commands

Ahmed Khaled MOhamed — Wed, 14 Feb 2018 21:36:08 +0000

1--git log --pretty=format: --name-only --author="aa-ahmed-aa" --since="2 days ago" | sort | uniq
display the files modified by specific Author users within the Since time period

2--git fetch origin
3--git reset --hard origin/master
fetch the remote origin and hard reset your current with the remote (reset everything like the remote)

4--git log -p --author=aa-ahmed-aa
get a very detailed information about the files edited by the Author with all the insertion and deletion files

5-- git commit -m "adding the images" *.jpg
this is adding commit message to images only (add files by name if you want)
and if you push them it will only push the commited files

6-- git stash to save you current working directory changes to a specific point if you want to reset to master without losing changes
git stash list to list all of your stashed points

7-- 'git clean -d -x -f ' to remove the untracked files
be careful when using this command because it will erase all the untracked files even if this files is still used in your project
*this list is daily updated.

8-- 'git merge --abort' to revert back from the merging status

What is docker?

Ahmed Khaled MOhamed — Tue, 02 Jan 2018 11:19:18 +0000

create RestAPI for your python scripts using Flask with 15 line of code 😎

Ahmed Khaled MOhamed — Sat, 30 Dec 2017 00:45:54 +0000

Creating virtualenv for save working

-if you don't have virtualenv installed do it using pip install virtualenv
-execute the following :-
mkdir flask-safe-env
virtualenv .
Scripts/activate if you have any problem executing the activate script check this LINK
mkdir rest-api
cd rest-api
-install the required packages for this app by using
pip install flask
pip install flask-restful
OR if you have the github repo run pip install -r requirements.txt

Creating the project files

we can make all of the application in one script but for adding more reliability to the project we will create the sum function in a another script called sumTwoNumbers.py and import it in the app.py script to use it.

sumTwoNumbers.py

simple enough create a function that accepts two parameters and return the sum of the two numbers

def sumTwo(a, b):
    return int(a)+int(b)

app.py

we create instance of the flask app and the api module and then we add the route that accepts two params in the url using GET request we will call the function from the sumTwoNumbers script

import sumTwoNumbers
from flask import Flask, request
from flask_restful import Resource, Api

app = Flask(__name__)
api = Api(app)

class sumNumbers(Resource):
    def get(self, first_number, second_number):
        return {'data': sumTwoNumbers.sumTwo(first_number,second_number)}

api.add_resource(sumNumbers, '/sumtwonumbers/<first_number>/<second_number>')

if __name__ == '__main__':
     app.run()

-to run the app execute the command python app.py
-go to http://localhost:5000/sumtwonumbers/10/60 you can replace the numbers with the one you want

you can find the project files here : Sweet-github

Install Python Modules from *.whl file

Ahmed Khaled MOhamed — Fri, 08 Dec 2017 09:22:27 +0000

1- go to this link
2-download your module keep in mind you will choose the file you download according to your system 32x ,64x and the python version you have 3.4 or 2.7.
3-go to the path where you download the file with the extention *.whl
4-open the command and run pip install <file_name_u_just_dowload>

Note

make sure your are adding pip and python to your sys environment variable to be apple to use the pip command