https://github.com/labib2003/assignment-9-react-routing
https://github.com/labib2003/assignment-9-react-routing
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/labib2003/assignment-9-react-routing
- Owner: Labib2003
- Created: 2022-04-10T21:25:08.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-10T21:26:52.000Z (about 4 years ago)
- Last Synced: 2025-01-30T04:26:00.265Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://razer-boomslang-review.netlify.app/
- Size: 300 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Razer Boomslang review
Here is the [Live site](https://razer-boomslang-review.netlify.app/)
## I used tailwind css to do all of the styling in this react project.
* First I added the navbar with the links as simple placeholder paragraphs.
* Then I made the header section with the headline and the image.
* Then I used a custom hook to get review data from a local json file.
* Then I sliced that array to separate the first three reviews and used the review component to show them in the homepage.
* In the review page I loaded the same data using the custom hook and showed all 6 reviews.
* Then I added a bar chart and a line chart using rechart. I fetched the data from the provided github repo.
* Then I made the blogs section where I used a blog component to answer the questions.
* Then I made the site responsive for mobile and tablets.