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.
|
This is the repo for my portfolio website at [silicoflare.dev](https://silicoflare.dev).
|
||||||
|
|
||||||
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,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
```
|
|
||||||
1
bun.lock
1
bun.lock
@@ -1,5 +1,6 @@
|
|||||||
{
|
{
|
||||||
"lockfileVersion": 1,
|
"lockfileVersion": 1,
|
||||||
|
"configVersion": 0,
|
||||||
"workspaces": {
|
"workspaces": {
|
||||||
"": {
|
"": {
|
||||||
"name": "silicoflare-website",
|
"name": "silicoflare-website",
|
||||||
|
|||||||
@@ -16,20 +16,20 @@ export default function Home() {
|
|||||||
<SiF />
|
<SiF />
|
||||||
<div className="flex flex-col items-center gap-1 leading-none">
|
<div className="flex flex-col items-center gap-1 leading-none">
|
||||||
<h1 className="text-4xl font-bold">SilicoFlare</h1>
|
<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>
|
||||||
|
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
{/* <a href="https://blog.silicoflare.site" className="underline">
|
<a href="https://blog.silicoflare.dev" className="underline">
|
||||||
Blog
|
Blog
|
||||||
</a> */}
|
</a>
|
||||||
<a href="/resume.pdf" className="underline">
|
<a href="/resume.pdf" className="underline">
|
||||||
Resume
|
Resume
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-center gap-5 md:gap-10 mt-5">
|
<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} />
|
<CgMail size={40} />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/silicoflare">
|
<a href="https://github.com/silicoflare">
|
||||||
|
|||||||
Reference in New Issue
Block a user