diff --git a/client/src/app/Routes.js b/client/src/app/Routes.js
index 389bf918..0470cd27 100644
--- a/client/src/app/Routes.js
+++ b/client/src/app/Routes.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Router, Route, IndexRoute, browserHistory} from 'react-router';
+import {Router, Route, IndexRoute, IndexRedirect, browserHistory} from 'react-router';
 import { syncHistoryWithStore } from 'react-router-redux';
 
 import store from 'app/store';
@@ -20,8 +20,35 @@ import DashboardEditProfilePage from 'app/main/dashboard/dashboard-edit-profile/
 import DashboardArticlePage from 'app/main/dashboard/dashboard-article/dashboard-article-page';
 import DashboardTicketPage from 'app/main/dashboard/dashboard-ticket/dashboard-ticket-page';
 
+// ADMIN PANEL
 import AdminLoginPage from 'app/admin/admin-login-page';
-import AdminPanel from 'app/admin/panel/admin-panel';
+import AdminPanelLayout from 'app/admin/panel/admin-panel-layout';
+
+import AdminPanelStats from 'app/admin/panel/dashboard/admin-panel-stats';
+import AdminPanelActivity from 'app/admin/panel/dashboard/admin-panel-activity';
+import AdminPanelMyAccount from 'app/admin/panel/dashboard/admin-panel-my-account';
+
+import AdminPanelMyTickets from 'app/admin/panel/tickets/admin-panel-my-tickets';
+import AdminPanelNewTickets from 'app/admin/panel/tickets/admin-panel-new-tickets';
+import AdminPanelAllTickets from 'app/admin/panel/tickets/admin-panel-all-tickets';
+import AdminPanelViewTicket from 'app/admin/panel/tickets/admin-panel-view-ticket';
+import AdminPanelCustomResponses from 'app/admin/panel/tickets/admin-panel-custom-responses';
+
+import AdminPanelListUsers from 'app/admin/panel/users/admin-panel-list-users';
+import AdminPanelViewUser from 'app/admin/panel/users/admin-panel-view-user';
+import AdminPanelBanUsers from 'app/admin/panel/users/admin-panel-ban-users';
+
+import AdminPanelListArticles from 'app/admin/panel/articles/admin-panel-list-articles';
+import AdminPanelViewArticle from 'app/admin/panel/articles/admin-panel-view-article';
+
+import AdminPanelStaffMembers from 'app/admin/panel/staff/admin-panel-staff-members';
+import AdminPanelDepartments from 'app/admin/panel/staff/admin-panel-departments';
+import AdminPanelViewStaff from 'app/admin/panel/staff/admin-panel-view-staff';
+
+import AdminPanelSystemPreferences from 'app/admin/panel/settings/admin-panel-system-preferences';
+import AdminPanelUserSystem from 'app/admin/panel/settings/admin-panel-user-system';
+import AdminPanelEmailTemplates from 'app/admin/panel/settings/admin-panel-email-templates';
+import AdminPanelCustomFields from 'app/admin/panel/settings/admin-panel-custom-fields';
 
 const history = syncHistoryWithStore(browserHistory, store);
 
@@ -43,10 +70,50 @@ export default (
                     <Route path='ticket/:ticketNumber' component={DashboardTicketPage}/>
                 </Route>
             </Route>
-            <Route path='admin'>
+            <Route path="admin">
                 <IndexRoute component={AdminLoginPage} />
-                <Route path='panel' component={MainLayout}>
-                    <IndexRoute component={AdminPanel} />
+                <Route path="panel" component={AdminPanelLayout}>
+                    <IndexRedirect to="stats" />
+                    <Route path="stats" component={AdminPanelStats} />
+                    <Route path="activity" component={AdminPanelActivity} />
+                    <Route path="my-account" component={AdminPanelMyAccount} />
+
+                    <Route path="tickets">
+                        <IndexRedirect to="my-tickets" />
+                        <Route path="my-tickets" component={AdminPanelMyTickets} />
+                        <Route path="new-tickets" component={AdminPanelNewTickets} />
+                        <Route path="all-tickets" component={AdminPanelAllTickets} />
+                        <Route path="custom-responses" component={AdminPanelCustomResponses} />
+                        <Route path="view-ticket" component={AdminPanelViewTicket} />
+                    </Route>
+
+                    <Route path="users">
+                        <IndexRedirect to="list-users" />
+                        <Route path="list-users" component={AdminPanelListUsers} />
+                        <Route path="view-user" component={AdminPanelViewUser} />
+                        <Route path="ban-users" component={AdminPanelBanUsers} />
+                    </Route>
+
+                    <Route path="articles">
+                        <IndexRedirect to="list-articles" />
+                        <Route path="list-articles" component={AdminPanelListArticles} />
+                        <Route path="view-article" component={AdminPanelViewArticle} />
+                    </Route>
+
+                    <Route path="staff">
+                        <IndexRedirect to="staff-members" />
+                        <Route path="staff-members" component={AdminPanelStaffMembers} />
+                        <Route path="view-staff" component={AdminPanelViewStaff} />
+                        <Route path="departments" component={AdminPanelDepartments} />
+                    </Route>
+
+                    <Route path="settings">
+                        <IndexRedirect to="system-preferences" />
+                        <Route path="system-preferences" component={AdminPanelSystemPreferences} />
+                        <Route path="user-system" component={AdminPanelUserSystem} />
+                        <Route path="email-templates" component={AdminPanelEmailTemplates} />
+                        <Route path="custom-fields" component={AdminPanelCustomFields} />
+                    </Route>
                 </Route>
             </Route>
 
diff --git a/client/src/app/admin/panel/admin-panel-layout.js b/client/src/app/admin/panel/admin-panel-layout.js
new file mode 100644
index 00000000..9ca12fa8
--- /dev/null
+++ b/client/src/app/admin/panel/admin-panel-layout.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import MainLayout from 'app/main/main-layout';
+
+class AdminPanel extends React.Component {
+
+    render() {
+        return (
+            <MainLayout>
+                <div>
+                    THIS IS THE ADMIN PANEL
+                </div>
+                <div>
+                    {this.props.children}
+                </div>
+            </MainLayout>
+        );
+    }
+}
+
+export default AdminPanel;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/admin-panel.scss b/client/src/app/admin/panel/admin-panel-layout.scss
similarity index 100%
rename from client/src/app/admin/panel/admin-panel.scss
rename to client/src/app/admin/panel/admin-panel-layout.scss
diff --git a/client/src/app/admin/panel/admin-panel.js b/client/src/app/admin/panel/admin-panel.js
deleted file mode 100644
index b0bb5113..00000000
--- a/client/src/app/admin/panel/admin-panel.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-class AdminPanel extends React.Component {
-    render(){
-        return (
-            <div>
-                Admin panel...
-            </div>
-        );
-    }
-}
-
-export default AdminPanel;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/articles/admin-panel-list-articles.js b/client/src/app/admin/panel/articles/admin-panel-list-articles.js
new file mode 100644
index 00000000..cb607d94
--- /dev/null
+++ b/client/src/app/admin/panel/articles/admin-panel-list-articles.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelListArticles extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/articles/list-articles
+            </div>
+        );
+    }
+}
+
+export default AdminPanelListArticles;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/articles/admin-panel-view-article.js b/client/src/app/admin/panel/articles/admin-panel-view-article.js
new file mode 100644
index 00000000..fa026870
--- /dev/null
+++ b/client/src/app/admin/panel/articles/admin-panel-view-article.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelViewArticle extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/articles/view-article
+            </div>
+        );
+    }
+}
+
+export default AdminPanelViewArticle;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/dashboard/admin-panel-activity.js b/client/src/app/admin/panel/dashboard/admin-panel-activity.js
new file mode 100644
index 00000000..9b0cc102
--- /dev/null
+++ b/client/src/app/admin/panel/dashboard/admin-panel-activity.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelActivity extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/activity
+            </div>
+        );
+    }
+}
+
+export default AdminPanelActivity;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/dashboard/admin-panel-my-account.js b/client/src/app/admin/panel/dashboard/admin-panel-my-account.js
new file mode 100644
index 00000000..9e938cdd
--- /dev/null
+++ b/client/src/app/admin/panel/dashboard/admin-panel-my-account.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelMyAccount extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/my-account
+            </div>
+        );
+    }
+}
+
+export default AdminPanelMyAccount;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/dashboard/admin-panel-stats.js b/client/src/app/admin/panel/dashboard/admin-panel-stats.js
new file mode 100644
index 00000000..020264e4
--- /dev/null
+++ b/client/src/app/admin/panel/dashboard/admin-panel-stats.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelStats extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/stats
+            </div>
+        );
+    }
+}
+
+export default AdminPanelStats;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/settings/admin-panel-custom-fields.js b/client/src/app/admin/panel/settings/admin-panel-custom-fields.js
new file mode 100644
index 00000000..8ffce603
--- /dev/null
+++ b/client/src/app/admin/panel/settings/admin-panel-custom-fields.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelCustomFields extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/settings/custom-fields
+            </div>
+        );
+    }
+}
+
+export default AdminPanelCustomFields;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/settings/admin-panel-email-templates.js b/client/src/app/admin/panel/settings/admin-panel-email-templates.js
new file mode 100644
index 00000000..d111b0f6
--- /dev/null
+++ b/client/src/app/admin/panel/settings/admin-panel-email-templates.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelEmailTemplates extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/settings/email-templates
+            </div>
+        );
+    }
+}
+
+export default AdminPanelEmailTemplates;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/settings/admin-panel-system-preferences.js b/client/src/app/admin/panel/settings/admin-panel-system-preferences.js
new file mode 100644
index 00000000..cbeafabe
--- /dev/null
+++ b/client/src/app/admin/panel/settings/admin-panel-system-preferences.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelSystemPreferences extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/settings/system-preferences
+            </div>
+        );
+    }
+}
+
+export default AdminPanelSystemPreferences;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/settings/admin-panel-user-system.js b/client/src/app/admin/panel/settings/admin-panel-user-system.js
new file mode 100644
index 00000000..671bd69b
--- /dev/null
+++ b/client/src/app/admin/panel/settings/admin-panel-user-system.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelUserSystem extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/settings/user-system
+            </div>
+        );
+    }
+}
+
+export default AdminPanelUserSystem;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/staff/admin-panel-departments.js b/client/src/app/admin/panel/staff/admin-panel-departments.js
new file mode 100644
index 00000000..768add5f
--- /dev/null
+++ b/client/src/app/admin/panel/staff/admin-panel-departments.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelDepartments extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/staff/departments
+            </div>
+        );
+    }
+}
+
+export default AdminPanelDepartments;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/staff/admin-panel-staff-members.js b/client/src/app/admin/panel/staff/admin-panel-staff-members.js
new file mode 100644
index 00000000..f869fc8b
--- /dev/null
+++ b/client/src/app/admin/panel/staff/admin-panel-staff-members.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelStaffMembers extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/staff/staff-members
+            </div>
+        );
+    }
+}
+
+export default AdminPanelStaffMembers;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/staff/admin-panel-view-staff.js b/client/src/app/admin/panel/staff/admin-panel-view-staff.js
new file mode 100644
index 00000000..23076093
--- /dev/null
+++ b/client/src/app/admin/panel/staff/admin-panel-view-staff.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelViewStaff extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/staff/view-staff
+            </div>
+        );
+    }
+}
+
+export default AdminPanelViewStaff;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/tickets/admin-panel-all-tickets.js b/client/src/app/admin/panel/tickets/admin-panel-all-tickets.js
new file mode 100644
index 00000000..93a4f327
--- /dev/null
+++ b/client/src/app/admin/panel/tickets/admin-panel-all-tickets.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelAllTickets extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/tickets/all-tickets
+            </div>
+        );
+    }
+}
+
+export default AdminPanelAllTickets;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js b/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js
new file mode 100644
index 00000000..a4d3c1cf
--- /dev/null
+++ b/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelCustomResponses extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/tickets/custom-responses
+            </div>
+        );
+    }
+}
+
+export default AdminPanelCustomResponses;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/tickets/admin-panel-my-tickets.js b/client/src/app/admin/panel/tickets/admin-panel-my-tickets.js
new file mode 100644
index 00000000..03a0ffa2
--- /dev/null
+++ b/client/src/app/admin/panel/tickets/admin-panel-my-tickets.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelMyTickets extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/tickets/my-tickets
+            </div>
+        );
+    }
+}
+
+export default AdminPanelMyTickets;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/tickets/admin-panel-new-tickets.js b/client/src/app/admin/panel/tickets/admin-panel-new-tickets.js
new file mode 100644
index 00000000..42d250a8
--- /dev/null
+++ b/client/src/app/admin/panel/tickets/admin-panel-new-tickets.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelNewTickets extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/tickets/new-tickets
+            </div>
+        );
+    }
+}
+
+export default AdminPanelNewTickets;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/tickets/admin-panel-view-ticket.js b/client/src/app/admin/panel/tickets/admin-panel-view-ticket.js
new file mode 100644
index 00000000..620324bb
--- /dev/null
+++ b/client/src/app/admin/panel/tickets/admin-panel-view-ticket.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelViewTicket extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/tickets/view-ticket
+            </div>
+        );
+    }
+}
+
+export default AdminPanelViewTicket;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/users/admin-panel-ban-users.js b/client/src/app/admin/panel/users/admin-panel-ban-users.js
new file mode 100644
index 00000000..acb259e4
--- /dev/null
+++ b/client/src/app/admin/panel/users/admin-panel-ban-users.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelBanUsers extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/users/ban-users
+            </div>
+        );
+    }
+}
+
+export default AdminPanelBanUsers;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/users/admin-panel-list-users.js b/client/src/app/admin/panel/users/admin-panel-list-users.js
new file mode 100644
index 00000000..8661164e
--- /dev/null
+++ b/client/src/app/admin/panel/users/admin-panel-list-users.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelListUsers extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/users/list-users
+            </div>
+        );
+    }
+}
+
+export default AdminPanelListUsers;
\ No newline at end of file
diff --git a/client/src/app/admin/panel/users/admin-panel-view-user.js b/client/src/app/admin/panel/users/admin-panel-view-user.js
new file mode 100644
index 00000000..57b828e6
--- /dev/null
+++ b/client/src/app/admin/panel/users/admin-panel-view-user.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+class AdminPanelViewUser extends React.Component {
+
+    render() {
+        return (
+            <div>
+                /admin/panel/users/view-user
+            </div>
+        );
+    }
+}
+
+export default AdminPanelViewUser;
\ No newline at end of file