codeExec a web application allowing users to create and execute code written in JavaScript, HTML, and CSS online.

Some Screens


  • Build using Bootstrap & FontAwesome
  • No Frameworks used
  • Custom URL Rewriting
  • Social Sharing codes via: Facebook, Twitter, Google Plus & LinkedIn
  • Search Engine
  • User can add, update and remove codes
  • User can add and change profil's photo
  • Skill plugin for profil users
  • nicEdit for About Page (Fully Customizable)
  • Register, Activate Account, Login and Recovery password
  • Add like to codes
  • Fork codes for modification
  • Views system
  • Notification and Confirm system
  • Pick codes from admins
  • Download code as ZIP
  • Save code as Gist (Github)
  • Send code's url from SMS
  • Fullscreen system to code editor and preview
  • Code minifier option (JS and CSS)
  • Tidy HTML, CSS and JS
  • HTML code fixer
  • Hint for CSS and JS like JShint (
  • Statistics admin page with countries views
  • User Manager admin page (Remove and Activate Users)
  • Add / Remove ressource admin page (JS/CSS)
  • Settings admin page with SMTP Configuration, and more
  • Discover all features by your self here (DEMO)


Before you begin to install this script, please ensure your web host meets the following application requirements:

  • Web Server: Apache 2+
  • Scripting Language: PHP 5+
  • Database: MySQL 5+
  • Apache mod_rewrite
  • PHP GD library


Configure Server



Uncomment this line in http.conf file (remove the "#" or ";" from the beginning of that line)
LoadModule rewrite_module modules/


First launch this command:
sudo a2enmod rewrite
On ubuntu modify this file /etc/apache2/sites-available/default
<Directory /var/www/>
    Options Indexes FollowSymLinks MultiViews
    AllowOverride None
    Order allow,deny
    allow from all
Change AllowOverride None to AllowOverride All (After change done, restart apache => service apache2 restart)


Open the Apache configuration file located at /etc/httpd/conf/httpd.conf
Change AllowOverride None to AllowOverride All inside the DocumentRoot Directory Directive, normally <Directory "/var/www/html">

For any other Operating System please check on google.


The GD library is a graphics drawing library that provides tools for manipulating image data. In Shopp, the GD library is used to process images for generating gallery preview and thumbnail size images automatically.


Uncomment this line in php.ini file (remove the "#" or ";" from the beginning of that line)


Launch this command to get it installed
apt-get install php5-gd


Launch this command to get it installed
yum install php-gd


Unzip & Upload

Upload all the files of the ZIP File to your web hosting


Once file uploaded, change permissions of this folders assets/img/users and assets/img/users/mini/ to 755 from FTP using Filezilla or command line => chmod path_to/assets/img/users 755

If you change the default avatar folders on your settings, you have to chmod them to 755


Go to: to start configuration


This process is explained in great detail on many websites and web hosts. Once you have the database set-up, you will need:

  • The hostname almost always "localhost"
  • The database name Ex. codeexec
  • The database username Ex: user
  • The database password Ex: password.


All inputs are filled automatically, but please check them if you want make any change or if there error.
In my case i installed it at: http://localhost/codeExec

  • Domain Name Ex. localhost
  • Sub Domain Ex. Empty
  • Sub Folder Ex: /codeExec
  • Protocol Ex: http://


Click on GENERATE Button and all inputs will be filled automatically.

  • URL Encryption Ex. zNC82*J²1_v/-4X
  • Database Encryption Ex. h=UB)aytZX6%J0*


Website's infos

  • Website's Name Ex. CodeExec
  • Website's Description Ex. Web application allowing users to create and execute code written in JavaScript, HTML, and CSS.', 'code, html, css, javascript

Administrator's infos

  • Administrator's Email Put your contact Email (Ex. [email protected])
  • Administrator's No Reply Email Put NoReply Email ([email protected])
  • Administrator's Username Ex. Administrator (Admin's username)
  • Administrator's Username Ex. Administrator (Admin's password)


Once all done, you can update the site settings by logging as admin and go to

  • CONTACT Your contacts infos
  • SMTP Configs Optional. Sending all out going emails from SMTP (Preventing users to get your real server IP)
  • SMS Configs Optional. Send your link to any device supporting SMS
  • AVATAR Configs Set where avatars will be uploaded and accepted extensions
  • SOCIAL Set all your social network's profils
  • ABOUT PAGE Create your own ABOUT PAGE with inline Content Editor

Help & Support

Please, if you have any questions, run into any issues or need some help, do not hesitate to contact me.