
The idea behind the development was to create a place to complement the forum. A place for all: users, guests and administrators/moderators.

![FSG Portal Banner](/assets/images/portfolio/fsg-portal.jpg)

# User Cases

The portal allows users to find community courses, see server information and status, to check personal and group stadistics… On the other side, admins can manage all users by registering new users, editing their ranks, specs, courses, missions and stadistics. Admins can also manage and create new content like courses, missions and mod packs.

## Users

* Login, recover password.
* View online courses.
* Edit Account data (icon, personal data, email, password, etc.).
* View coursed courses and missions in which user has participated.
* Check cummunity’s stadistics.
* View connection data for all servers available (Addess, IP, Password).
* Download Mod packs made by the community.
* Some calculators for simulators and various tools.
* View Arma 3 maps.

## Admins

Same as users plus:

* Admin or Mod panel access.
* Manage and register users.
* Manage community costs.
* Create Ranks, Specializations, Missions and Courses.
* Edit Ranks, Specializations, Missions, Courses and Stadistics.
* Adding participants to courses and missions.

## Technical information

* Custom and secure login system, with password recovery.
* Permissions system for page restiction.
* Fully modulable for future upgrades.
* Simple interface.
* Automatic stadistics and permission sync system with IP.Board Forum.
* Arma 3 Mission reporting & stadistics system.

## Libraries

* Frontend is developed using Bootstrap framework.
* Backend is developed using Laravel and a MySQL database for storing all data.

## Stadistics

* Full Web development took (to post date), about 720 hours. During 2 years on my spare time.
* The hole project (web and portal) are distributed over 20756 hand writen lines of code.
* Developed by 1 person.



**Frontside Gaming official** Add-on is a custom made mod for Arma 3. It was developed by the FSG Add-on Developer Team, formed by Ivan Exposito and Miguel Angel Navalon. The add-on itself was developed for private use over Frontside Gaming community members, even though is available for public download and enjoyment.

The add-on can be downloaded form Steam Workshop, and recives automatics updates.

    https://steamcommunity.com/sharedfiles/filedetails/?id=849016163

# Equipment

The Add-on includes a big pack of both game mechanics and objects for great customization and branding of Frontside Gaming members inside Arma 3.

Inside the addon we can find the following equipemnt objects:

## Uniforms

All the uniforms have 3 variants for Desert, Forest/Jungle and Snow environments. All the textures are custom made by the Add-on Developer Team. Each variant has even different camos for terrain and customization integration.

## Vests

Talking about vests, the Add-on adds two versions: heavy and light. Each of those versiones has three variants, one for each of the camo available (Desert, Forest/Jungle and Snow).

The Addon also provides to veteran members the ability to have all the versions and variants with an extra customization with their name, tag, and insignia all over the vest.

For further customization there are some specific role vest, for medics and explosive specialist, so they can be indentified faster and easier on the field.
## Helments

The helmets, as the vest, do also have two versions, light and improved, all of them with the same three variants shown before. Those do also support extra customization with insignias and role specify versions.

![helmet](/assets/images/portfolio/FSG-Addon/helmet.jpg)

## Backpacks
Backpacks are designed for the three envirenmets (Desert, Forest/Jungle and Snow). Each of the three in only unique versions for soldiers in general, medics and explosive specialists.

# Objets
The Add-on also adds some objects for decorarations such as flags, signs, icons and insignias.

## Metalcase
The metalcase is a custom object that allows our users to have their own loadouts saved on a quick way. The metalcase acts as a filter in the Virtual Arsenal, showing only their weapons, and customized equipment. This way each user has it’s own, unique and personalized metalcase with their objects and equipment.

<div style="width:100%"> <iframe title="Metalcase Arma 3 - Taquilla BJ #Frontside Gaming" style="width:100%;height:600px" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/f27d2bff999045fa97eee9c7564ebd62/embed"></iframe> <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/3d-models/metalcase-arma-3-taquilla-bj-frontside-gaming-f27d2bff999045fa97eee9c7564ebd62?utm_medium=embed&utm_campaign=share-popup&utm_content=f27d2bff999045fa97eee9c7564ebd62" target="_blank" style="font-weight: bold; color: #1CAAD9;"> Metalcase Arma 3 - Taquilla BJ #Frontside Gaming </a> by <a href="https://sketchfab.com/byjokese?utm_medium=embed&utm_campaign=share-popup&utm_content=f27d2bff999045fa97eee9c7564ebd62" target="_blank" style="font-weight: bold; color: #1CAAD9;"> byjokese </a> on <a href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=f27d2bff999045fa97eee9c7564ebd62" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p></div>

Each metalcase has the owner’s name on top, with some medal stickers form all the places where has been playing with our community. It does also include a unique logo choosen by the user.

## Factions

For faster mision creation and easier loadout assignation to player slots, we added a new custom faction for the Frontside Gaming community. Each veteran member has it’s own soldier men with it’s loadout pre-configured and with it’s equipment assigned. We also added some base soldier, instructor and leader classes inside de Faction.

![soldiers](/assets/images/portfolio/FSG-Addon/soldiers.jpg)
## Game mechanics

Last but not least, the Add-on adds an ACE3 Extension for the medical System. We aded this Medical bag:

![medicbag](/assets/images/portfolio/FSG-Addon/medicbag.jpg)

The Bag, fits inside a Backpack, and allows to the medic upon bag deployment to have extended medical capabilities. Technically, the deployed bag is a medical vehicle itself, allowing the ACE 3 advanced medic system to apply surgial kit to the pacient.



Arma Server Config Generator is an Open-Source project under GPLv3 Licence for creating Arma 3 Server config files, known as ´server.cfg´ files.

I was bored of having to search the wiki to find a template for my server config, and then having to look for what all the parameters meant. This project is a solution I came with to configure arma 3 servers quicker and easier for any type of user. Hopefully it will be as usefull as it is for me.

This Tool has both, a basic mode for quick creating a config, or an advanced version with full control over the lastest parameters Arma 3 is offering.

## Usage

Head to [a3config.byjokese.com](https://a3config.byjokese.com) and select the mode Basic or Advanced with the button selector.

![mode selector](/assets/images/portfolio/ArmaConfig/pJfh01S.jpg)

Every option has a brief description under the user input describing the paramater usage in Arma 3. Only 3 inputs are requiered the rest of parameters are pre configured with a default value.

Once finished creating the config setup, just click one of the two buttons available (one at the right side navigation menu, and the other at the bottom of the page), a messague of download will pop up. Click on save, and you are ready to go!
Suggestions and Contributions

Feel free to comment any suggestion or bug found in the tool. A full list of features and known errors can be found on the Issues Section of this repository.



After Action Replay is a tool that allows players to see from a top view a replay of a previous played mission in Arma 3.

The objective is to give players and strategic enthusiasts a tool, where they can analyze the mission from the exterior point of view, analyze all the movements of enemy and ally units and see the errors that had been made to be able to trace a solution.

This tool has been designed with an specific network infrastructure, that allows mostly any type of game server (dedicated, hosted, rented) and hosting (dedicated, shared) to be able to run it.

The data obtained in real time inside the game is sent to the relay where is temporary stored and processed, once the mission has ended, the data is sent via FTP to the web server so it can be viewed by any user.

> This tool was designed for Frontside Gaming Community with ♥

## Requeriments

* Arma 3 Game Server (64bits)
* Web Hosting (dedicated, shared)
* Windows or Linux Machine to run the Relay (Dedicated, hosted or personal PC). This can be the same machine as the dedicated Arma 3 server.

## TODO List

* Real Time view of the data retrived by the game server.
* More icons for all types of units and objects.
* Ability to draw over the map.



EyeCare is an Open-Source, free application for windows users to help protect your eyes during computer time.

EyeCare uses reminders to guide you to relax your eyes after periods of computer use. Eyecare has two types of remindiers, that are totaly customizable for user comodity.

## Custom Options

    Disable, one or all reminders.
    Disable reminders while in Fullscreen mode (Usefull while watching films or gamming).
    Disable audio callouts.
    Enable reminder with only audio callouts, no visual window will show.
    Force Mode, that disables the close option on reminder. It also blocks the Iteraction with other windows with the mouse. (Reminder will stay on Top of any other window).
    Select if you want to start with windows.

## Future updates

    Screen bluelight filter.
    Toast Notifications.




Github repository: [https://github.com/byjokese/code-stats-embedded/](https://github.com/byjokese/code-stats-embedded/)

> Embed your Code::Stats profile anywhere

Everybody loves stats. So why not to share them where ever you want?

![codestatsembedded](/assets/images/portfolio/code-stats-embedded/codestatsembedded.jpg)

## Installation

Add the following code to your html:

```js
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/byjokese/code-stats-embedded@latest/dist/codestatsembedded.min.css" />
<script src="https://cdn.jsdelivr.net/gh/byjokese/code-stats-embedded@latest/dist/codestatsembedded.min.js"></script>
<script>
  CodeStatsEmbed("ContainerSelector", "username");
</script>
```

or download the files from `dist` folder.

## Documentation
```js
CodeStatsEmbed("ContainerSelector", "username");
```

Brings the stadistics from Code::Stats (provided username) into your page.
### Params

* **String-HTMLElement** `container`: The calendar container (query selector or the element itself).
* **String** `username`: The Code::Stats username.

## Thanks

* Part of the CSS and JS code was taken from the offical project of Code::Stats in GitLab ([https://gitlab.com/code-stats/code-stats](https://gitlab.com/code-stats/code-stats)).
* To _Mikko Ahlroth_ from Code::Stats for creating such great service.

## License

Permissions of this strong copyleft license are conditioned on making available complete source code of licensed works and modifications, which include larger works using a licensed work, under the same license. Copyright and license notices must be preserved. Contributors provide an express grant of patent rights.



Ivan Exposito

By-Jokese

Making code a Better Place

Recent Activity

Monthly Activity

Top Languages

Education

Master Degree in Game Development

Video Game Development in Unreal Engine

Bachelor's Degree in Informatics Engineering

Computer Science and Engineering Specialization

My Portfolio

Frontside Gaming Web Portal

FSG Oficial Addon

Arma 3 Server Config Generator

After Action Replay

Arma Server Manager

EyeCare Software

Code::Stats Embed