Create a dynamic and visually appealing webpage for an intern assignment with the following specifications.
-
Input Handling:
- Allow users to input numbers or alphanumeric characters, no white space allowed.
- Set a customizable maximum input length of 16 characters.
- Restrict duplicate numbers.
-
Timeline Display:
- Showcase entered numbers on a timeline.
- Include posting details such as date, time, and the respective user's name.
-
Aesthetics:
- Choose an appropriate font to enhance the visual appeal.
- Implement dark and light themes using CSS root properties for a polished appearance.
-
Responsiveness:
- Ensure mobile responsiveness for an optimal user experience.
-
Webpage Design:
- Develop a visually pleasing interface with a focus on user experience.
-
Codebase:
- Provide well-documented HTML, CSS, and JavaScript code.
-
User Guide:
- Include instructions on how to use the webpage effectively.
-
Functionality:
- Successful implementation of input handling, and timeline display.
-
Design Aesthetics:
- Effective use of fonts and seamless integration of dark and light themes.
-
Responsiveness:
- Webpage should be optimized for both desktop and mobile devices.
-
Code Quality:
- Well-structured and commented code for easy understanding and maintenance.
- Deadline: 1 Week
- Submit the assignment by pushing your code in github repo.
- Include any additional notes or considerations.
Note: This assignment aims to evaluate your skills in web development, design aesthetics, and attention to detail. Good luck!
© 2023 RecursiveZero, All rights reserved.