https://github.com/fworks-tech/fworks.tech
Welcome to the official repository of FWORKS.tech — a portfolio crafted with modern fullstack technologies.
https://github.com/fworks-tech/fworks.tech
dev developer personal-blog personal-portfolio personal-portfolio-website personal-project personal-site personal-website website
Last synced: about 2 months ago
JSON representation
Welcome to the official repository of FWORKS.tech — a portfolio crafted with modern fullstack technologies.
- Host: GitHub
- URL: https://github.com/fworks-tech/fworks.tech
- Owner: fworks-tech
- Created: 2025-05-20T09:36:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-12-04T17:20:49.000Z (7 months ago)
- Last Synced: 2025-12-08T01:33:58.534Z (7 months ago)
- Topics: dev, developer, personal-blog, personal-portfolio, personal-portfolio-website, personal-project, personal-site, personal-website, website
- Language: TypeScript
- Homepage: https://fworks.tech/
- Size: 10.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.en.md
Awesome Lists containing this project
README
# FWORKS.tech – Senior Developer Portfolio
FWORKS.tech is my corner of the internet — a place where my brand, ideas, and projects come together
to inspire, connect, and shape how technology impacts everyday life.
## 🚀 Technologies Used
- Next.js (TypeScript)
- TailwindCSS
- React Icons
- Framer Motion
- ESLint (Flat Config + professional rules)
- Prettier (with Tailwind plugin)
- i18n (next-i18next)
- Husky + lint-staged (pre-commit protection)
- Prisma + PostgreSQL (future backend)
- Docker + AWS (planned)
- Jest/Cypress (planned for testing)
## 🧱 Folder Structure
- `src/pages`: application pages (Next.js)
- `src/components`: reusable components
- `src/features`: functional pages
- `src/lib`: helper functions, hooks, i18n configs
- `src/styles`: global styles and themes
- `src/types`: shared types
## ✨ Features
- Dark mode toggle
- Dynamic and multilingual SEO
- Open Graph and Twitter Card integration
- Responsive design with Tailwind + Framer Motion animations
- Multi-language support
## 💡 Available Scripts
```bash
yarn dev # start development server
yarn build # production build
yarn start # start in production
yarn lint # run ESLint with strict rules
yarn lint:fix # auto-fix lint issues
yarn lint:report # generate HTML lint report
yarn format # apply Prettier formatting
yarn format:check # check formatting without changing files
yarn fix # lint fix + format code
```
## ✅ Best Practices Applied
- Strong typing with TypeScript
- `PropsWithChildren` and `React.FC` avoid `any`
- Consistent use of `import type { ... }` to reduce runtime overhead
- Automatic import ordering (`eslint-plugin-import`)
- Accessibility with `eslint-plugin-jsx-a11y`
- Modern rules for `react-hooks`, `tailwindcss`, `prettier`, and more
---
Developed by [fworks.tech](https://fworks.tech) ✨