This music social platform help users to meet new people all over the world, find people with similar musical tastes, stay updated with the latest news regarding our favorite artists, listen to our favorite artist podcasts, watch and discover new live stream from the safety of our home, and more...

This project is developed using languages like Typescript and React as well as frameworks like LoopBack.io and Next.js.
This project is hosted on AWS platform, use Serverless technologies like Lambda and multiple other AWS services.

Untitled Music Project

Extensions for LoopBack 4 framework.
- Slug generator for LoopBack 4
- Creation of beautiful and testable command line interfaces
- Run seeders to populate database
- Extension for adding mailer service to any loopback 4 based REST API application or microservice.

LoopBack 4 extensions

This project is used to generate PDF from HTML/Text source.

It use Puppeteer library to run a browserless instance of Chrome inside an AWS Lambda function running on Node.Js.

It also use LiquidJs to parse HTML before sending to Puppeteer and and output PDF as result or can simply upload PDF to an AWS S3 Bucket.

This project is deployed on AWS using the framework Serverless with multiple plugins.

Simple example of all the options available to generate/save PDF:

~~~json
curl --location --request POST 'http://localhost:3000/local/generate' \
--header 'Content-Type: application/json' \
--data-raw '{
    "content": {
        "base64": "PGRpdj5kZW1vPC9kaXY+",
        "html": "<div>demo</div>",
        "template": "pdf/invoice"
    },
    "pdfOptions": {
        "format": "letter"
    },
    "options": {
        "s3":{
            "upload": true,
            "bucket": "simply_pdf",
            "path": "invoices/1234.pdf"
        }
    },
    "data": {
        "invoice": {
            "identifier": "1234"
        }
    }
}'
~~~

HTML to PDF Generator API

This project is aimed to redesign my official website and highlights many different aspects such as Symfony 4 or React.

In this project, I decided to use my advanced knowledge of Symfony by using [API Platform](https://api-platform.com). This project is separated in 4 distinct parts:

1\. Frontend
------------

Frontend is managed by React JavaScript library for building the user interface who will be seen by each visitor of the website.

A new user interface has been developed using Bootstrap 4 and SASS style sheet language.

2\. API
-------

API is powered by API Platform project who use [Symfony](https://symfony.com) framework and running under PHP7.3.

Data mapping is provided by Doctrine MongoDB ODM persistence. This dynamic data is stored under a fully managed cloud database powered by [MongoDB Atlas](https://www.mongodb.com/cloud/atlas) to provide a faster and safe stored data.

Dynamic assets available in the different section of the website (cooking, blog, portfolio and travel) are stored online in Google Cloud Storage to provide assets at all times.

3\. Admin
---------

Admin interface is powered by [react-admin](https://marmelab.com/react-admin/) and restricted to be accessed only be myself to be able to perform actions on the dynamic content of the website.

4\. Hosting
-----------

Has a dedicated user of Google products, I decided to host my website like my other projects on Google Cloud Platform. This project is hosted has 3 App Engine instances providing an availability at all times.


Official website redesign

Installation
------------

CSS

~~~html
<link href="bootstrap-wizard/bootstrap-wizard.css" rel="stylesheet" />
~~~

Javascript

~~~html
<script src="bootstrap-wizard/bootstrap-wizard.js" type="text/javascript"></script>
~~~

Usage
-----

#### 1) Create wizard

~~~html
<div class="wizard" id="some-wizard" data-title="Wizard Title"></div>
~~~

To set the title of the application wizard use the `data-title` attribute

#### 2) Create wizard cards

Each .wizard-card will be its own step in the Application Wizard, and the h3 tag will be used for its navigation name on the left. Also notice the `data-cardname` attribute on each card. While not required, this can be used to access the cards by a specific name.

Card Setup

~~~html
<div class="wizard-card" data-cardname="card1">
    <h3>Card 1</h3>
    Some content
</div>
~~~

Basic Wizard Setup

~~~html
<div class="wizard" id="some-wizard" data-title="Wizard Title">
    <div class="wizard-card" data-cardname="card1">
        <h3>Card 1</h3>
        Some content
    </div>
    
    <div class="wizard-card" data-cardname="card2">
        <h3>Card 2</h3>
        Some content
    </div>
</div>
~~~

####   

#### 3) Initialize Wizard

After setting up the wizard with it's cards you can initialize it.

~~~js
$(function() {
    var options = {};
    var wizard = $("#some-wizard").wizard(options);
});
~~~


Bootstrap 4 Application Wizard

Symfony pack for Doctrine ORM, providing 2 virtual packages who can be used to require a doctrine database support.

Provide virtual packages
------------------------

*   `doctrine/implementation`
*   `doctrine/orm-implementation`

Symfony Pack for Doctrine ORM

To be able to use this symfony-pack, you must follow the instruction.

Since the legacy driver (referred to as `ext-mongo`) is not available on PHP 7, you will need the new driver (`ext-mongodb`) installed and use a polyfill to provide the API of the legacy driver (**_only for ODM 1.x_**).

Provide virtual packages
------------------------

This pack also provide 2 virtual packages who can be used to require a doctrine database support:

*   `doctrine/implementation`
*   `doctrine/mongodb-implementation`

Symfony pack for Doctrine ODM

The 4D Driver for PHP is a driver that implements the PHP Data Objects (PDO) interface to enable access from PHP to 4D databases.

4D is an integrated platform that speeds and simplifies the development and deployment of business applications, used in over 70 countries, by a community of thousands of developers and vertical solution providers, with millions of end-users worldwide.

By offering a suite of integrated tools such as an ANSI SQL relational and transactional database, a graphical development environment, a fourth-generation language with over 1000 high-level commands, a built-in HTTP server, application server, etc., 4D facilitates the creation and maintenance of applications from one to hundreds of simultaneous users, whether on Windows, Mac or from any Web client.

4D is also an open platform, offering a complete API for plug-in creation, including various connectors that allow it to act as a back-end or front-end for many environments (Oracle via OCI, SOAP client or server, Flex data source, all ODBC databases, XML over HTTP, etc.)

In addition to the ability to interact with 4D applications across Web Services, 4D databases can now be directly accessed using the PDO\_4D driver.

More details about the 4D development environment on » [http://www.4d.com](http://www.4d.com).


PDO 4D Driver

This is a simple Object Oriented wrapper for GitHub API v3, written with PHP7.

This library works with cURL and provides all documented functionality as described in the official documentation including Client and WebHooks.

Quick Start
-----------

~~~php
<?php
// Create a client object
$client = new \FlexyProject\GitHub\Client();

// Miscellaneous
$miscellaneous = $client->getReceiver(\FlexyProject\GitHub\Client::MISCELLANEOUS);

// Lists all the emojis available to use on GitHub.
$emojis = $miscellaneous->getReceiver(\FlexyProject\GitHub\Receiver\Miscellaneous::EMOJIS);
$emojis->get();
~~~


PHP7 GitHub API v3

Dwoo is a PHP5 Template Engine that was started in early 2008. The idea came from the fact that Smarty, a well known template engine, is getting older and older. It carries the weight of it’s age, having old features that are inconsistent compared to newer ones, being written for PHP4 its Object Oriented aspect doesn’t take advantage of PHP5’s more advanced features in the area, etc. Hence Dwoo was born, hoping to provide a more up to date and stronger engine.

So far it has proven to be faster than Smarty in many areas, and it provides a compatibility layer to allow developers that have been using Smarty for years to switch their application over to Dwoo progressively.

Quick start
-----------

~~~php
<?php
// Include autoloader
require 'lib/Dwoo/Autoloader.php';


// Register Dwoo namespace and register autoloader
$autoloader = new Dwoo\Autoloader();
$autoloader->add('Dwoo', 'lib/Dwoo');
$autoloader->register(true);


// Create Dwoo core object
$dwoo = new Dwoo\Core();


// Create some data
$data = array('a'=>5, 'b'=>6);


// Output the result directly ...
$dwoo->output('path/to/index.tpl', $data);
// ... or get it to use it somewhere else
$var = $dwoo->get('path/to/index.tpl', $data);
echo $var;
~~~


Dwoo v2

Puls’Droid is an Android web radio player application for the Puls’Radio association. Puls’Radio is one stop web radio for all dance and trance hit music. Puls’Droid is an unfinished application compatible from Android 1.6. This application can play the 7 radio stations streamed by Puls’Radio, has an AAC and MP3 decoder to decode 192, 80, and 64 kbps streams and embedded an IRC chat.