Giter Club home page Giter Club logo

mansstiv / website-redesign Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 4.76 MB

๐Ÿ›๏ธ ๐Ÿ‡ฌ๐Ÿ‡ท ๐ŸŒ Redesigned the website of "Ministry of Labour and Social Affairs (Greece)". Both front-end (HTML & CSS) and back-end (PHP & MySQL) technologies were used.

Home Page: https://mansstiv.github.io/Website-Redesign/

PHP 74.26% Hack 10.99% JavaScript 0.65% CSS 14.10%
hci html css php mysql ux-design web-development front-end back-end

website-redesign's Introduction

Website Redesign || Ministry of Labour and Social Affairs (Greece)

Redesigned the website of "Ministry of Labour and Social Affairs (Greece)", for the course of Human-Computer Interaction. Both front-end (HTML & CSS) and back-end (PHP & MySQL) technologies were used. In README.pdf you can see more information (in greek) about the procedure that was undertaken.

Front-End

Back-End

How to run

  1. To run locally a PHP program you need to have Xampp installed.
  2. After installation, start Mysql and Apache servers.
  3. Clone this repo under htdocs folder. For example, in linux systems, htdocs can be found in this location /opt/lampp/htdocs.
  4. Run localhost/phpmyadmin/ in any browser and import myDatabase.sql in phpMyAdmin.
  5. Run localhost/Website-Redesign/ypakp/index.php.

For more information see the following steps, which explain the process of installation and running.

Users & Log In

  • You can log in to the system, either as an employee or as an employer, and depending on your identity you'll have different permissions while exploring the website.

  • Employer:

    • Username: tilemachos
    • Password: 1234
  • Employee (3 possible accounts):

    • Username: manos, vasilis, dimitris
    • Password: 1234

Site Before

Homepage of Ministry of Labour and Social Affairs (Greece) before..So you can take a guess, on how the rest of the interfaces would look like..

Homepage

old site

Site After

Following are some pictures of different interfaces around the website, after the "makeover"..

Homepage

homepage

Register Form

register form

Log In Form

login form

Profile of Employer

profile of employer

Contact Page

contact page

Book Appointment

book apointment

Homepage of Employee

homepage of employee

Leave Form of Employee

leave form of employee

website-redesign's People

Contributors

jamesvzd avatar kazakosvas avatar mansstiv avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.