Assignment: Frontend Web Development Project

Duration: 1 week

Instructions: Welcome to our Frontend Web Development assignment! We are excited to see your skills in action. In this assignment, you will be working on building a 3D editable canvas platform using technologies such as HTML, CSS, TypeScript, React.js, Next.js, and Three.js. Additionally, you will be required to integrate APIs to enable data exchange and backend functionality.

Task: You are required to create a web application that allows users to interact with a 3D canvas platform. The platform should allow users to draw and manipulate 3D shapes using the provided tools. Users should also be able to save and load their canvas creations. Furthermore, the application should interact with external APIs to fetch and display data related to the canvas elements.

Requirements:

1. The canvas platform should be built using React.js and Next.js for server-side rendering.
2. Use TypeScript for all your code to ensure type safety and maintainability.
3. Implement the 3D graphics and interactivity using Three.js library.
4. Design a user-friendly and visually appealing interface using HTML and CSS.
5. Integrate at least one external API to fetch data related to the canvas elements.
6. Provide options for users to save and load their canvas creations.
7. Ensure the application is responsive and works flawlessly on both desktop and mobile devices.

Submission Details:

1. Fork this repository from GitHub [[https://github.com/zigyprints/webDevelopmentApplications]].
2. Create a branch with your name (e.g., "yourname_assignment").
3. Commit your code regularly, so we can see your progress.
4. Once completed, create a pull request from your branch to the main repository (replace "main repository" with the URL of the original repository).
5. Include a README.md file explaining your approach, challenges faced, and any additional features or improvements you might have added if given more time.

Evaluation Criteria: Your assignment will be evaluated based on the following factors:

1. Technical Proficiency - Demonstrating your skills in using HTML, CSS, TypeScript, React.js, Next.js, and Three.js to build a functional and interactive 3D editable canvas platform.
2. Code Quality - Writing clean, well-structured, and maintainable code with proper comments where necessary.
3. User Experience - Creating an intuitive and visually appealing user interface that enhances user interaction.
4. API Integration - Successfully integrating external APIs and displaying relevant data related to the canvas elements.
5. Responsiveness - Ensuring the application works seamlessly across various devices and screen sizes.
6. Creativity - Utilizing your creativity to enhance the overall experience of the canvas platform.

Submission Deadline: 1 week from the date you received this assignment.

Good luck with the assignment! If you have any questions during the development process, feel free to reach out to us for clarification. Happy coding!