Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Entity Component in React + TS #72

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

harsh3dev
Copy link

This PR solves issue #54
This is how the project structure looks now:
image

Overview

  • The EntityExampleComponent.tsx is a temporary example component that displays the card and can be used as an example on how to use this component.
  • This EntityExampleComponent.tsx shall be deleted later when the routing of the frontend is setup using React-Router.

Card Component (src/components/Card.tsx)

  • The main component is src/components/Card.tsx which accepts few props.

  • 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 and light mode functionality

  • 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant