https://github.com/redonkulus/seth.bertalotto.net

Website for seth.bertalotto.net
https://github.com/redonkulus/seth.bertalotto.net

react remix tailwindcss typescript

Last synced: about 6 hours ago
JSON representation

Website for seth.bertalotto.net

• Host: GitHub
• URL: https://github.com/redonkulus/seth.bertalotto.net
• Owner: redonkulus
• Created: 2022-03-30T23:36:37.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-12-23T16:51:04.000Z (about 1 month ago)
• Last Synced: 2024-12-23T17:40:52.755Z (about 1 month ago)
• Topics: react, remix, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://seth.bertalotto.net
• Size: 3.54 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# seth.bertalotto.net

A simple profile site about me.

## Technology Used

- [Remix](https://remix.run/docs) - Experimenting with Remix for building a simple React based app

- [TypeScript](https://www.typescriptlang.org/) - For solid Type support

- [TailwindCSS](https://tailwindcss.com/) - Robust Atomic CSS framework

## Development

```sh

npm run dev

```

This starts the app in development mode, rebuilding assets on file changes.

## Technical

### Dark Mode

Users can trigger dark mode by clicking on the toggle button. If they do not set it explicitly,

then I check the `prefers-color-scheme` browser API and set a cookie based on their preference.

On subsequent requests, the server will read this value from the cookie and automatically adjust

the scheme based on the users preference. The user can always overwrite this by clicking on the toggle

button, which saves their preference in the same cookie.