Skip to content

Routing#2

Open
EmelyanovSI wants to merge 44 commits intocomponentsfrom
routing
Open

Routing#2
EmelyanovSI wants to merge 44 commits intocomponentsfrom
routing

Conversation

@EmelyanovSI
Copy link
Copy Markdown
Owner

@EmelyanovSI EmelyanovSI commented Nov 5, 2023 •
edited
Loading

  1. Task
  2. Screenshot:
    image
  3. Deploy
  4. Done 05.11.2023 / deadline 06.11.2023
  5. Score: 100 / 100
  • Conversion of class components to functional components with hooks - 20
  • Pagination is present in both URL and on the page - 30
  • User-initiated change of items per page triggers a new request, displaying the first page - 20
  • Upon clicking, open details panel on the right side of the page: - 5
    • use router outlet, left side of the page should continue displaying the list of results - 10
    • initiate an additional API call, display a loader, and update the URL - 5
    • Details panel should be closed either on the "close" button click or on the main panel click - 10

@EmelyanovSI
chore: remove unused CSS files
0408036
@EmelyanovSI
feat(index.html): add Material Symbols Outlined font stylesheet
b12fb50
@EmelyanovSI
style: replace custom CSS variables and styles with tailwindcss utili…
5559754 
…ty classes
@EmelyanovSI
fix: remove unused import and update content styles
4e25458
@EmelyanovSI
chore: add select-none class to prevent text selection
d82ae2c
@EmelyanovSI
fix(Alert): add severity prop to display different styles and icons b…
919f461 
…ased on severity level
@EmelyanovSI
feat(Button): add support for an icon prop to display an icon alongsi…
92f1234 
…de the button text
@EmelyanovSI
refactor: change components from class to functional
0f9a914
@EmelyanovSI
refactor(enums.ts): add Severity enum
da00767
@EmelyanovSI
refactor(components): change component file names
1795baf
@EmelyanovSI
refactor: rename App and ErrorButton components
d216d02
@EmelyanovSI
fix(Button.tsx): make onClick prop optional to allow for buttons with…
4b96f87 
…out click functionality
@EmelyanovSI
refactor: create a router configuration with a single route for the r…
4073705 
…oot path
@EmelyanovSI
fix(main.tsx): remove file extension from import statement for ErrorP…
147bd8d 
…age component to improve code readability
@EmelyanovSI
fix(IconButton.tsx): make onClick prop optional
2e6bb97
@EmelyanovSI
feat(Nav.tsx): add Nav component to create a navigation bar at the to…
5052010 
…p of the page
@EmelyanovSI
feat(Pagination.tsx): add Pagination component to provide navigation …
7eaf2a9 
…buttons for previous and next pages
@EmelyanovSI
chore(package.json): add react-router-dom as a dependency to enable r…
21b4774 
…outing in the React application
@EmelyanovSI
feat(Content.tsx): add Nav and Pagination components to the Content c…
c655e2f 
…omponent
@EmelyanovSI
feat(Animal.ts): add AnimalResponse interface to represent a single a…
bd73334 
…nimal response object
@EmelyanovSI
feat(Card.tsx): add onClick prop to Card component to enable click fu…
d1b8f1c 
…nctionality
@EmelyanovSI
feat(CardList.tsx): add CardList component to display a list of anima…
447a60e 
…ls with their features
@EmelyanovSI
feat(IconButton.tsx): add support for custom className prop
e1794f4
@EmelyanovSI
refactor(Nav.tsx): change div element to nav element for better seman…
bcc714c 
…tic markup
@EmelyanovSI
feat(Pagination.tsx): add disabled state to Prev and Next buttons to …
d580ecb 
…improve user experience
@EmelyanovSI
refactor(enums.ts): remove unused Status enum to improve code cleanli…
f074760 
…ness and maintainability
@EmelyanovSI
feat(Animal.ts): add fetchAnimal function to fetch data for a specifi…
7e2bb19 
…c animal by uid
@EmelyanovSI
feat(RootLayout.tsx): create RootLayout component to replace Root com…
aa0c540 
…ponent
@EmelyanovSI
feat(ListLayout.tsx): add ListLayout component to handle rendering of…
52eef92 
… list pages with pagination and navigation functionality
@EmelyanovSI
feat(ListPage.tsx): add ListPage component to display a list of anima…
b1c5361 
…ls and handle navigation
@EmelyanovSI EmelyanovSI self-assigned this Nov 5, 2023
@netlify
Copy link
Copy Markdown

netlify bot commented Nov 5, 2023 •
edited
Loading

✅ Deploy Preview for emelyanovsi-routing ready!

Name Link
🔨 Latest commit ea4f3f5
🔍 Latest deploy log https://app.netlify.com/sites/emelyanovsi-routing/deploys/65480cc09944340008a4d159
😎 Deploy Preview https://deploy-preview-2--emelyanovsi-routing.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@EmelyanovSI
feat(ListLayout.tsx): add support for dynamic navigation using genera…
bd64c3b 
…tePath
@EmelyanovSI
fix(utils): modify setSearchValue function to remove searchValue from…
f7fbf48 
… localStorage if it is not provided
@EmelyanovSI
fix: update handleSearch to use setSearchValue and navigateTo
af8548e
@EmelyanovSI
fix: extract handleClose function to improve code readability and reu…
df2ea23 
…sability
@EmelyanovSI
refactor(Animal.ts): remove unnecessary return types and error handli…
9941775 
…ng in fetchPage and fetchAnimal functions
@EmelyanovSI
fix(ErrorPage.tsx): remove unnecessary check for isRouteErrorResponse…
b8ff65f 
… and update error message display
@EmelyanovSI
fix(main.tsx): handle error cases when fetching animal page and anima…
1f2d161 
…l details
@EmelyanovSI
fix(CardList.tsx): update empty list message to be more descriptive a…
587098f 
…nd visually centered
@EmelyanovSI
feat: add support for displaying a NotFoundPage when a route is not f…
901cf9b 
…ound
@EmelyanovSI
feat(public): add _redirects file to handle client-side routing on st…
ea4f3f5 
…atic hosting
@EmelyanovSI EmelyanovSI changed the base branch from main to components November 30, 2023 07:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@EmelyanovSI EmelyanovSI

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@EmelyanovSI