Open harsh3dev opened 1 week ago
This PR solves issue #54 This is how the project structure looks now:
EntityExampleComponent.tsx
React-Router
src/components/Card.tsx
The main component is src/components/Card.tsx which accepts few props.
props
It displays information relevant to the props passed so that each page renders relevant details.
For tooltip I have used react-tooltip package.
react-tooltip
The types and constants are exported from separate files.
Also added dark mode and light mode functionality
dark mode
light mode
Using variables for colors in Tailwind CSS for consistency in styling.
Refer to this video for a quick look at the output: https://www.loom.com/share/2e5be837be864bfcb5d02dff9ba5af17?sid=e87e552f-3ac4-4714-91da-04c4b5772d2c
@arkid15r I went through the suggestions and comments and I will update the commit soon. Thanks
This PR solves issue #54 This is how the project structure looks now:
Overview
EntityExampleComponent.tsx
is a temporary example component that displays the card and can be used as an example on how to use this component.EntityExampleComponent.tsx
shall be deleted later when the routing of the frontend is setup usingReact-Router
.Card Component (
src/components/Card.tsx
)The main component is
src/components/Card.tsx
which accepts fewprops
.It displays information relevant to the props passed so that each page renders relevant details.
For tooltip I have used
react-tooltip
package.The types and constants are exported from separate files.
Also added
dark mode
andlight mode
functionalityUsing variables for colors in Tailwind CSS for consistency in styling.
Refer to this video for a quick look at the output: https://www.loom.com/share/2e5be837be864bfcb5d02dff9ba5af17?sid=e87e552f-3ac4-4714-91da-04c4b5772d2c