https://github.com/flamrdevs/astrovehnt

Bento Portfolio Template using Astro, React & TailwindCSS
https://github.com/flamrdevs/astrovehnt

astro react tailwind template

Last synced: about 1 month ago
JSON representation

Bento Portfolio Template using Astro, React & TailwindCSS

• Host: GitHub
• URL: https://github.com/flamrdevs/astrovehnt
• Owner: flamrdevs
• License: mit
• Created: 2024-03-03T06:26:10.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-29T14:01:56.000Z (8 months ago)
• Last Synced: 2024-04-29T15:27:08.299Z (8 months ago)
• Topics: astro, react, tailwind, template
• Language: TypeScript
• Homepage: https://astrovehnt.pages.dev
• Size: 342 KB
• Stars: 10
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# astrovehnt

Bento Portfolio Template using Astro, React & TailwindCSS

## Tech Stack

- [TypeScript](https://www.typescriptlang.org)

- [React](https://react.dev)

- [Tailwind CSS](https://tailwindcss.com)

  - [coloradix](https://github.com/coloradix/coloradix)

- [Radix UI](https://radix-ui.com)

  - [klass](https://github.com/flamrdevs/klass)

- [Astro](https://astro.build)

## Quick Start

[Create repository from a template](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template)

or

Clone the repository

```bash

git clone https://github.com/flamrdevs/astrovehnt.git

```

Install packages

```

pnpm i

```

Start Astro development server

```

pnpm dev

```

### Customization

#### Content

[VSCode Todo Tree Extension](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) will help you find what needs to be changed

#### Colors

Color system is based on the [Radix Colors](https://www.radix-ui.com/colors) schema

`tailwind.config.ts`

```typescript

import coloradix /*, { import the colors you want }*/ from "@coloradix/tailwindcss";

// then configure it with the coloradix plugin

```

#### Theme

Set light / Dark mode by the html data attibute

`src/components/HTML.astro`

```html

  

```

## Author

astrovehnt developed by [flamrdevs](https://github.com/flamrdevs)

## License

[MIT](./LICENSE)