https://github.com/0-vortex/remix-tailwind-ga
GraphAware take home test
https://github.com/0-vortex/remix-tailwind-ga
Last synced: 11 months ago
JSON representation
GraphAware take home test
- Host: GitHub
- URL: https://github.com/0-vortex/remix-tailwind-ga
- Owner: 0-vortex
- Created: 2023-11-05T19:22:59.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-06T14:57:04.000Z (over 2 years ago)
- Last Synced: 2024-12-30T01:34:44.107Z (over 1 year ago)
- Language: TypeScript
- Size: 155 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwindcss Example
Integrate Remix with tailwindcss.
This example shows how to use Tailwind CSS (v3.0) with Remix. It follows the steps outlined in the official [Remix Styling docs](https://remix.run/guides/styling#tailwind).
Relevant files:
- [package.json](./package.json) where the tailwind CLI is used.
- [tailwind.config.ts](./tailwind.config.ts) where tailwind is configured.
- [app/root.tsx](./app/root.tsx) where tailwind is imported.
- [.gitignore](.gitignore) where the generated tailwind.css is added to the ignore list.
## Development
Clone the project and spin it up:
```bash
npm ci
npm run dev
```
# GraphAware
## Issues / Errors
- state management is not implemented
- focused too much on UI
- types are incomplete
- parent ref is not working
## Total Time taken
- Recursive table initial setup: 3h 19m
- Splitting components and refactor: 1h 17m
## Final thoughts
Would start over with implementing the state management through default store or Redux
and focusing on compomnent structure and recursion later on.