GithubHelp home page GithubHelp logo

phpproject's Introduction

Web Technologies Project (CV Website) Semester I 2021/2022

Idea

Anyone needs to introduce themselves to have a good chance in a company, so you should write and order everything about your experience and knowledge.

Works

This website contains two sides of programming, which are called Front-end (using HTML, CSS design languages) and Back-end (using PHP code language). The Front-end (html tags) and Back-end (PHP code) are written inside the PHP file.

1. Personal Information Page

This page should show basic information about you, like: your full name, gender, birth date, place of birth, nationality, your future job title and years of experience in the career. The birth date must be in the format shown in figure 1, and the month name should use in abbreviation mode, to show the full month name.

Your image should be viewed in this page in square size, next to your details. This basic information gets from Users table in the database and enter by you direct in the table.

image

2. Courses Information Page

This page will show all courses that you take. Each course should have name, total hours, start date, end date, institution, attachment and notes. Attachment column should have a link that open a new page in a new tap, that will be described later. Note column could be empty or you can write anything you want.

You shouldn't make any empty row. The empty row in figure is just example. The height for each row is 80px, even it needs less than 80px. These courses get from Courses table in the database and enter from the add courses page.

image

3. Experience Information Page

This page will show all experience that you have. Each experience should have job title, place of training, experience category, start month, end month and description for your works. Each one should have viewed as a paragraph.

At first, the job title. Place of training is next to job title in small view., then "/" then the category of the experience. Experience category could be: Job, Freelancer, Volunteer, Self-Learning or Other. At second, the period of training for this experience, if you are still learning, write the month of end as "until present".

These experiences get from Experiences table in the database and enter from the add experiences page.

image

should make a validation for each input as needed. Hint: to have validation you should use "type" attribute.

4. Add Course Page

This page to add course to the database in the Courses table after validate all input except note input could be empty. After submit automatic refresh the page.

image

5. Add Experience Page

This page to add experience to the database in the Experiences table after validate all input except note input could be empty. After submit automatic refresh the page.

image

6. Course Certificate View Page

As we see in figure 2, each course should have a page that will view the course's attachment, which will be as shown in figure 6 the image depends on the image added with the course information in the add course page. Course information passes from the view courses page.

image

Fonts

  • Place of use Bold Normal
  • Navbar: Comic Sans MS
  • Titles: Trebuchet MS
  • Sub-Titles: Arial Rounded MT
  • Other Text (Default): Tahoma

Colors

  • Basic color (Default): #00BAFF
  • Active Navbar Item: #FFFFFF
  • Inactive Navbar Item: #000000
  • Save Button: #198754
  • Reset Button: #dc3545
  • Table Header: #606060
  • Some table rows: #E5E5E5

Main Structure for project Folder

  • University ID
    • CSS
      • MyStyle.css
    • PHP
      • AddCourse.php
      • AddExperience.php
      • Course_View.php
      • Home.php
      • ViewCourses.php
      • ViewExperience.php
    • Images

phpproject's People

Contributors

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