You are developing a digital library application. You want to display all the books on the home page. Now you want to prepare a book component and use the component to display all the data.
- You need to write the component code inside bookcard.jsx file located inside the cart component.
- You are given an array of books data inside App.jsx.
- After creating the component, you need to display all the books data inside App.jsx using the component.
Please feel free to style the component as you wish.
- You will be provided with a StackBlitz link for the assignment.
- Open the link in your browser and click on the Fork button in StackBlitz.
This will create a copy of the repository in your StackBlitz account.
- After forking, you can download the project or push it directly to your personal GitHub repository:
- Option 1: Download and Push
- Download the repository files from StackBlitz.
- Open your terminal/command prompt, navigate to the project folder, and run:
Replace
git init git remote add origin <your_github_repo_url>
<your_github_repo_url>with your personal GitHub repository URL. - Commit and push the files to your GitHub repository:
git add . git commit -m "Completed the assignment" git push -u origin main
- Option 2: Push Directly
- Use the Push to GitHub option in StackBlitz to directly connect and push the repository to your GitHub account.
- Option 1: Download and Push
- Once your code is successfully pushed to GitHub:
- Copy the link to your GitHub repository.
- Submit the link on the assignment submission portal.
The link should follow this format:
https://github.com/<your_username>/<repository_name>
If your GitHub username is johnDoe and the repository name is assignment-repo, the submission link would look like this:
https://github.com/johnDoe/assignment-repo