https://github.com/tyrrion7126/portfolio-ts

Personal portofolio website to show my skills and projects.
https://github.com/tyrrion7126/portfolio-ts

nextui react shadcn-ui tailwindcss typescript vitejs

Last synced: 21 days ago
JSON representation

Personal portofolio website to show my skills and projects.

• Host: GitHub
• URL: https://github.com/tyrrion7126/portfolio-ts
• Owner: Tyrrion7126
• Created: 2024-01-23T08:11:16.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-26T18:11:55.000Z (9 months ago)
• Last Synced: 2024-05-29T12:23:56.953Z (7 months ago)
• Topics: nextui, react, shadcn-ui, tailwindcss, typescript, vitejs
• Language: TypeScript
• Homepage: https://yoonion.vercel.app
• Size: 144 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio Website using React + Vite + TypeScript

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Dan5py/react-vite-ui/blob/main/LICENSE)

## 🎉 Frameworks

- **React** - A JavaScript library for building user interfaces.

- **Vite** - A fast, opinionated frontend build tool.

- **TypeScript** - A typed superset of JavaScript that compiles to plain JavaScript.

- **Tailwind CSS** - A utility-first CSS framework.

- **Tailwind Prettier Plugin** - A Prettier plugin for formatting Tailwind CSS classes.

- **ESLint** - A pluggable linting utility for JavaScript and TypeScript.

- **PostCSS** - A tool for transforming CSS with JavaScript.

- **Autoprefixer** - A PostCSS plugin to parse CSS and add vendor prefixes.

- **shadcn/ui** - Beautifully designed components that you can copy and paste into your apps.

## 📜 Available Scripts

- pnpm dev - Starts the development server.

- pnpm build - Builds the production-ready code.

- pnpm lint - Runs ESLint to analyze and lint the code.

- pnpm preview - Starts the Vite development server in preview mode.

## 📂 Project Structure

The project structure follows a standard React application layout:

```python

react-vite-ui/

  ├── node_modules/      # Project dependencies

  ├── public/            # Public assets

  ├── src/               # Application source code

  │   ├── components/    # React components

  │   │   └── ui/        # shadc/ui components

  │   ├── styles/        # CSS stylesheets

  │   ├── lib/           # Utility functions

  │   ├── App.tsx        # Application entry point

  │   └── index.tsx      # Main rendering file

  ├── .eslintrc.json     # ESLint configuration

  ├── index.html         # HTML entry point

  ├── postcss.config.js  # PostCSS configuration

  ├── tailwind.config.js # Tailwind CSS configuration

  ├── tsconfig.json      # TypeScript configuration

  └── vite.config.ts     # Vite configuration

```

## 📄 License

This project is licensed under the MIT License. See the [LICENSE](https://choosealicense.com/licenses/mit/) file for details.