mirror of
https://github.com/silicoflare/silicoflare-website.git
synced 2026-05-26 12:09:53 +05:30
chore: update README and App component for portfolio website
This commit is contained in:
55
README.md
55
README.md
@@ -1,54 +1,3 @@
|
||||
# React + TypeScript + Vite
|
||||
# Portfolio Website
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
|
||||
## Expanding the ESLint configuration
|
||||
|
||||
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
||||
|
||||
```js
|
||||
export default tseslint.config({
|
||||
extends: [
|
||||
// Remove ...tseslint.configs.recommended and replace with this
|
||||
...tseslint.configs.recommendedTypeChecked,
|
||||
// Alternatively, use this for stricter rules
|
||||
...tseslint.configs.strictTypeChecked,
|
||||
// Optionally, add this for stylistic rules
|
||||
...tseslint.configs.stylisticTypeChecked,
|
||||
],
|
||||
languageOptions: {
|
||||
// other options...
|
||||
parserOptions: {
|
||||
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
||||
|
||||
```js
|
||||
// eslint.config.js
|
||||
import reactX from "eslint-plugin-react-x";
|
||||
import reactDom from "eslint-plugin-react-dom";
|
||||
|
||||
export default tseslint.config({
|
||||
plugins: {
|
||||
// Add the react-x and react-dom plugins
|
||||
"react-x": reactX,
|
||||
"react-dom": reactDom,
|
||||
},
|
||||
rules: {
|
||||
// other rules...
|
||||
// Enable its recommended typescript rules
|
||||
...reactX.configs["recommended-typescript"].rules,
|
||||
...reactDom.configs.recommended.rules,
|
||||
},
|
||||
});
|
||||
```
|
||||
This is the repo for my portfolio website at [silicoflare.dev](https://silicoflare.dev).
|
||||
1
bun.lock
1
bun.lock
@@ -1,5 +1,6 @@
|
||||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 0,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "silicoflare-website",
|
||||
|
||||
@@ -16,20 +16,20 @@ export default function Home() {
|
||||
<SiF />
|
||||
<div className="flex flex-col items-center gap-1 leading-none">
|
||||
<h1 className="text-4xl font-bold">SilicoFlare</h1>
|
||||
<div className="font-light">TypeScript Maniac</div>
|
||||
<div className="font-light">Self-host Enthusiast</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
{/* <a href="https://blog.silicoflare.site" className="underline">
|
||||
<a href="https://blog.silicoflare.dev" className="underline">
|
||||
Blog
|
||||
</a> */}
|
||||
</a>
|
||||
<a href="/resume.pdf" className="underline">
|
||||
Resume
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-5 md:gap-10 mt-5">
|
||||
<a href="mailto:hi@silicoflare.site">
|
||||
<a href="mailto:hi@silicoflare.dev">
|
||||
<CgMail size={40} />
|
||||
</a>
|
||||
<a href="https://github.com/silicoflare">
|
||||
|
||||
Reference in New Issue
Block a user