In this assessment, you will demonstrate your ability to apply object-oriented language skills using the relevant industry-standard language (e.g., OO React, Next.js). The web application, built through Next.js sessions, is for the "One Ring Rentals" client scenario.
You will complete a series of tutorial tasks to build a web-based program using an object-oriented programming language. These tasks will be guided by the design and requirements for the "One Ring Rentals" application project.
Your web-based program is expected to:
- Use relevant language syntax and basic OO principles.
- Adhere to technology coding standards for layout (components).
- Include in-code documentation.
- Create, use, and document testing of code (provide screenshots).
- Test the site in browsers and on two devices (provide screenshots).
-
Clone Repository: Use the "One Ring Rentals" prototype from "Assessment 2: Project – Build web page using components" available on GitHub.
git clone <repository_url> cd <repository_name>
-
Framework and Conversion: Construct the application using the Next.js React framework. Utilize components from "Assessment 2" and convert them to Next.js framework.
-
State Management: Implement state management to track user data between components, similar to the blog example in the Next.js tutorial.
-
Content Integration: Convert the blog example to include content relevant to the "One Ring Rentals" pages.
-
Hosting Platform Research: Research suitable hosting platforms for React libraries and Next.js frameworks. Provide links to references.
-
Deployment: Upload your application to your chosen hosting platform. Submit the deployment link along with your assessment submission on Blackboard.
-
Use Staged Commits: Make sure to use staged commits to track your progress. This will help your lecturer see your thought process, the uniqueness, and authenticity of your work. Each commit should represent a meaningful step in your development process.
- Make sure to follow GitHub Classroom instructions provided by your instructor.
- Document your progress and include necessary screenshots in your submission.
Your instructor may have set up a GitHub Classroom repository. Here are some example commands you might use:
-
Clone the Repository: Replace
<repository_url>
with the actual URL provided by GitHub Classroom.git clone <repository_url> cd <repository_name>
-
Commit and Push Changes:
Make sure to stage your changes appropriately and commit frequently to show your development process. Here’s an example of how to do this:
git add <specific_file_or_directory> git commit -m "feat: add user authentication module" git add <another_file_or_directory> git commit -m "fix: resolve login issue for new users" git add . git commit -m "chore: update README.md with new assessment instructions" git push origin main
Make sure to replace <repository_url>
and <repository_name>
with the actual values from GitHub Classroom. Adjust these instructions based on specific details provided by your instructor.