One Ring Rentals Web Application Assessment

Assessment Description

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.

Assessment Method

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).

Assessment Instructions

1. 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>

2. Framework and Conversion: Construct the application using the Next.js React framework. Utilize components from "Assessment 2" and convert them to Next.js framework.

3. State Management: Implement state management to track user data between components, similar to the blog example in the Next.js tutorial.

4. Content Integration: Convert the blog example to include content relevant to the "One Ring Rentals" pages.

5. Hosting Platform Research: Research suitable hosting platforms for React libraries and Next.js frameworks. Provide links to references.

6. Deployment: Upload your application to your chosen hosting platform. Submit the deployment link along with your assessment submission on Blackboard.

7. 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.

Additional Notes

• Make sure to follow GitHub Classroom instructions provided by your instructor.
• Document your progress and include necessary screenshots in your evidence folder.
• once complete download, zip and submit your completed code to the blackboard submission area

GitHub Commands for Classroom

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.