Skip to content

Latest commit

 

History

History
71 lines (44 loc) · 2.17 KB

README.md

File metadata and controls

71 lines (44 loc) · 2.17 KB

Project: Dynamic slider with login protected update form

Note: This test is only for people who are qualified for first round.

How to start?

  1. Start Wamp server.
  2. Select any one text editior Notepad++ or sublime text editor on desktop.
  3. Use any browser Chrome or Mozila firefox.
  4. Which your skills we want to check : HTML, CSS, JavaScript, Bootstrap ,PHP, MySQL.
  5. JavaScript Library : Link for JavaScript Slider.
  6. JavaScript Library : Link for JavaScript Package.
  7. Bootstrap Library : Link for Bootstrap.

Index page

  1. Dynamic header contains logo, & menu.
  2. Menu items - Home & login.
  3. Login menu - visible only for non logged in user.
  4. Dynamic slider.

Create Login and signup form

  1. Form Validation rules - Password should be 8 character both fields are required. Name must be unique.(No duplicate username).
  2. All signup details inserted into database.
  3. Using Signup details login into loginform.

Create Home page

  1. After login successfully redirect to home page.
  2. Header changes - After login user will not see login link. User will have link for Myaccount (dashboard). Username will be displayed with logout url. See screenshots

Create Myaccount page

  1. On myaccount page show image upload form.
  2. Form contains Name and image upload.
  3. Data will be insterted to database. You have to upload files on server.
  4. You can show inserted data below form.

Dynamic slider on homepage

  1. Show uploaded images from upload form in slider. As soon as user upload image, it should reflect on homepage.
  2. Title entered from upload form will appear on image in slider

Bonus.

  1. Git init & commits.
  2. Well structured & formatted code with coding styling standards.
  3. Valid code.

Challenges

  1. PHP+MySQL : Add Category.
  2. PHP+MySQL : Change slider As per User.
  3. CSS+PHP : Active Menu.
  4. CSS: Resposive Header.
  5. Secure Website: Protect Password with MD5.