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


Some Screens

Features

  • 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 (jsfiddle.com)
  • 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)


Requirement

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


Pre-Installation

Configure Server

Mod_Rewrite

Windows

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

Ubuntu

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
</Directory>
Change AllowOverride None to AllowOverride All (After change done, restart apache => service apache2 restart)

Centos

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.

PHP GD

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.

Windows

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

Ubuntu

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

Centos

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

Installation

Unzip & Upload

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

Chmod

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

Configuration

Go to: http://www.your_web_site.com/codeExec to start configuration

Database

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.

Website

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://

Encryption

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*

Settings

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)

SETTINGS

Once all done, you can update the site settings by logging as admin and go to http://www.your_site.com/codeexec/settings

  • 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.