Samuel Gbafa
2 months ago
parent
81db6207da
commit
3194f76839
@ -0,0 +1,5 @@ |
||||
This command is being called by someone who does not know what git is. Your job is to do the process on their behalf. |
||||
|
||||
Create a new git branch. |
||||
|
||||
Optional context for naming: #$ARGUMENTS |
||||
@ -0,0 +1,5 @@ |
||||
This command is being called by someone who does not know what git is. Your job is to do the process on their behalf. |
||||
|
||||
Check for changes on this branch and pull down the latest changes. If there are conflicts, ask the user if they would like to prioritize their changes or the incoming changes. |
||||
|
||||
Optional context from the user: #$ARGUMENTS |
||||
@ -0,0 +1,5 @@ |
||||
This command is being called by someone who does not know what git is. Your job is to do the process on their behalf. |
||||
|
||||
Pull down the latest changes from the main branch. Switch to this branch. If there are conflicts ask the user in a simple way if the changes should be merged or discarded. |
||||
|
||||
Optional context: #$ARGUMENTS |
||||
@ -1,69 +1,66 @@ |
||||
# React + TypeScript + Vite |
||||
|
||||
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) uses [Babel](https://babeljs.io/) for Fast Refresh |
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/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([ |
||||
globalIgnores(['dist']), |
||||
{ |
||||
files: ['**/*.{ts,tsx}'], |
||||
extends: [ |
||||
// Other configs... |
||||
|
||||
// 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, |
||||
|
||||
// Other configs... |
||||
], |
||||
languageOptions: { |
||||
parserOptions: { |
||||
project: ['./tsconfig.node.json', './tsconfig.app.json'], |
||||
tsconfigRootDir: import.meta.dirname, |
||||
}, |
||||
// other options... |
||||
}, |
||||
}, |
||||
]) |
||||
# Personal Network Manager |
||||
|
||||
A modern web application for building and managing your professional network. Import contacts from LinkedIn, organize connections, and grow your network with QR code invitations. |
||||
|
||||
## ✨ Features |
||||
|
||||
- **LinkedIn Integration** - Import your professional connections |
||||
- **Contact Management** - Organize and track your network |
||||
- **QR Code Invitations** - Share your network invitation via QR codes |
||||
- **Professional Dashboard** - Clean, modern interface with Material-UI |
||||
- **Responsive Design** - Works seamlessly on desktop and mobile |
||||
- **Onboarding Flow** - Guided setup for new users |
||||
|
||||
|
||||
## Initial Setup |
||||
```bash |
||||
# install node + bun |
||||
./scripts/setup.sh |
||||
source ~/.zshrc |
||||
``` |
||||
|
||||
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([ |
||||
globalIgnores(['dist']), |
||||
{ |
||||
files: ['**/*.{ts,tsx}'], |
||||
extends: [ |
||||
// Other configs... |
||||
// Enable lint rules for React |
||||
reactX.configs['recommended-typescript'], |
||||
// Enable lint rules for React DOM |
||||
reactDom.configs.recommended, |
||||
], |
||||
languageOptions: { |
||||
parserOptions: { |
||||
project: ['./tsconfig.node.json', './tsconfig.app.json'], |
||||
tsconfigRootDir: import.meta.dirname, |
||||
}, |
||||
// other options... |
||||
}, |
||||
}, |
||||
]) |
||||
## 🚀 Quick Start |
||||
|
||||
```bash |
||||
# install dependencies |
||||
bun install |
||||
|
||||
# run locally |
||||
bun dev |
||||
``` |
||||
|
||||
## 📱 Live Demo |
||||
|
||||
Visit: [https://nao-pnm-ui.pages.dev/](https://nao-pnm-ui.pages.dev/) |
||||
|
||||
|
||||
## 🤖 Claude Commands |
||||
|
||||
This project includes helpful Claude commands for development: |
||||
|
||||
```bash |
||||
# start claude in yolo mode |
||||
claude --dangerously-skip-permissions |
||||
|
||||
# pull main changes |
||||
/sync-main |
||||
|
||||
# sync branch changes with github |
||||
/sync-branch |
||||
|
||||
# create or swap to a branch for development |
||||
/swap-branch [new or existing branch name] |
||||
|
||||
# ask claude or team for help if needed |
||||
``` |
||||
|
||||
## 🔧 Available Scripts |
||||
|
||||
- `bun run dev` - Start development server |
||||
- `bun run build` - Build for production |
||||
- `bun run preview` - Preview production build |
||||
- `bun run lint` - Run ESLint |
||||
|
||||
## 📄 License |
||||
|
||||
This project is open source and available under the [MIT License](LICENSE). |
||||
|
||||
Loading…
Reference in new issue