Project: Dynamic slider with login protected update form
Note: This test is only for people who are qualified for first round.
How to start?
- Start Wamp server.
- Select any one text editior Notepad++ or sublime text editor on desktop.
- Use any browser Chrome or Mozila firefox.
- Which your skills we want to check : HTML, CSS, JavaScript, Bootstrap ,PHP, MySQL.
- JavaScript Library : Link for JavaScript Slider.
- JavaScript Library : Link for JavaScript Package.
- Bootstrap Library : Link for Bootstrap.
Index page
- Dynamic header contains logo, & menu.
- Menu items - Home & login.
- Login menu - visible only for non logged in user.
- Dynamic slider.
Create Login and signup form
- Form Validation rules - Password should be 8 character both fields are required. Name must be unique.(No duplicate username).
- All signup details inserted into database.
- Using Signup details login into loginform.
Create Home page
- After login successfully redirect to home page.
- 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
- On myaccount page show image upload form.
- Form contains Name and image upload.
- Data will be insterted to database. You have to upload files on server.
- You can show inserted data below form.
Dynamic slider on homepage
- Show uploaded images from upload form in slider. As soon as user upload image, it should reflect on homepage.
- Title entered from upload form will appear on image in slider
Bonus.
- Git init & commits.
- Well structured & formatted code with coding styling standards.
- Valid code.
Challenges
- PHP+MySQL : Add Category.
- PHP+MySQL : Change slider As per User.
- CSS+PHP : Active Menu.
- CSS: Resposive Header.
- Secure Website: Protect Password with MD5.