Login/Registration Page in Social Network Style (FB,Twitter)
₹600-1500 INR
Fermé
Publié il y a plus de 8 ans
₹600-1500 INR
Payé lors de la livraison
Hi Guys,
This is a Small task of my Project. I want to outsource my Login and Registration Page. I want it to be FB and Twitter style, where user can upload images, mention their interest, etc .Below is Requirement. It includes some of the micro-features that I’ve noticed in facebook login
Login Page:
1. Name, Password on the right most corner of the header bar. Autofocus and Auto fill should be included.
2. Error login in should come as a pop-up, not a landing page.
3. Include session variables. Create cookies on successful login, and save a time of 30 days for cookies to expire.
Registration Page: There should be two ways of Registering. Register using Facebook/Google+ or Traditional way. In any case, we must get below details from user. In case user is login in using Facebook or Google+, Import Contacts from there using user’s permission.
In case user chooses, traditional way, get these details using a form from user
1. Name
2. Email (With Email Verification by sending a link to verify)
3. Password and Confirm Password (They both should match, else error should be displayed using Java script)
4. Username (You can use AJAX to verify the name is not already taken and show the error to use immediately)
5. DOB
6. Country, State and City
7. Profile Photo (Should be crop able and re-sizable to fit our Profile display size)
8. Interests (Using Simple Checkboxes)
9. Users Status Message using an Area field or Text Box
10. School, College, Stream of Study, Previous Cities User lived in. (All With +Sign, for user who have attended many schools, colleges, lived in many cities, etc)
11. Captcha
12. Terms and Conditions (Which should popup as soon as user hits “submit” button. The Popup must have agree button at bottom and close Button at top)
Note:
All components need to be responsive to the size of screen and different types of devices.
If details (For eg. Email address, password, etc) is not in prescribed format, show error using Javascript, explaining the error.
Include three levels of validation viz. HTML5 validation, Javascript/Jquery/Bootstrap validation, PHP validation.
Create the database in MySql.
Use light colors in background. Please make decisions on color combinations knowing that we are building a site where a lot of reading and some writing will be done.
Overall please have the liberty of making the page aesthetically pleasing.