ababil 2.0.3 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -130
- package/dist/data.json +78 -0
- package/dist/index.js +70 -651
- package/package.json +15 -13
- package/scripts/build.sh +18 -0
- package/src/components/_about.ts +19 -0
- package/src/components/_footer.ts +16 -0
- package/src/components/_header.ts +15 -0
- package/src/components/_projects.ts +45 -0
- package/src/components/_skills.ts +14 -0
- package/src/data/data.ts +1 -0
- package/src/data/index.ts +20 -0
- package/src/index.ts +35 -0
- package/src/types/json.d.ts +4 -0
- package/tsconfig.json +25 -0
- package/tsup.config.ts +18 -0
- package/LICENSE +0 -21
package/README.md
CHANGED
|
@@ -1,153 +1,46 @@
|
|
|
1
|
-
# Ababil
|
|
1
|
+
# Ababil - CLI Portfolio
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/ababil)
|
|
4
|
+
[](https://opensource.org/licenses/MIT)
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
- **Vibrant UI** powered by [chalk](https://www.npmjs.com/package/chalk) and [gradient-string](https://www.npmjs.com/package/gradient-string)
|
|
9
|
-
- **Clean, structured layout** using [boxen](https://www.npmjs.com/package/boxen)
|
|
10
|
-
- Displays **About**, **Skills**, **Projects**
|
|
11
|
-
- Single global CLI command — `ababil`
|
|
12
|
-
- **Fast**, **lightweight**, and **easy to customize**
|
|
6
|
+
A beautiful CLI portfolio showcasing work, skills, and projects in the terminal.
|
|
13
7
|
|
|
14
8
|
## Installation
|
|
15
9
|
|
|
16
|
-
Install the CLI globally using your favorite package manager:
|
|
17
|
-
|
|
18
|
-
### **npm**
|
|
19
|
-
|
|
20
10
|
```bash
|
|
11
|
+
# Install globally
|
|
21
12
|
npm install -g ababil
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
### **yarn**
|
|
25
|
-
|
|
26
|
-
```bash
|
|
27
|
-
yarn global add ababil
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
### **pnpm**
|
|
31
|
-
|
|
32
|
-
```bash
|
|
33
|
-
pnpm add -g ababil
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
### **bun**
|
|
37
|
-
|
|
38
|
-
```bash
|
|
39
|
-
bun add -g ababil
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
Then run the CLI from anywhere in your terminal:
|
|
43
|
-
|
|
44
|
-
```bash
|
|
45
|
-
ababil
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
## Run Without Global Install
|
|
49
|
-
|
|
50
|
-
You can also run the CLI directly using one of the following:
|
|
51
|
-
|
|
52
|
-
### **npx**
|
|
53
13
|
|
|
54
|
-
|
|
14
|
+
# Or run directly
|
|
55
15
|
npx ababil
|
|
56
16
|
```
|
|
57
17
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
```bash
|
|
61
|
-
yarn exec ababil
|
|
62
|
-
```
|
|
63
|
-
|
|
64
|
-
### **pnpm dlx**
|
|
18
|
+
## Development
|
|
65
19
|
|
|
66
20
|
```bash
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
### **bunx**
|
|
71
|
-
|
|
72
|
-
```bash
|
|
73
|
-
bunx ababil
|
|
74
|
-
```
|
|
75
|
-
|
|
76
|
-
Sit back and enjoy the colorful interactive experience!
|
|
21
|
+
# Install dependencies
|
|
22
|
+
npm install
|
|
77
23
|
|
|
78
|
-
|
|
24
|
+
# Run in development mode
|
|
25
|
+
npm run dev
|
|
79
26
|
|
|
80
|
-
|
|
27
|
+
# Build
|
|
28
|
+
npm run build
|
|
81
29
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
```bash
|
|
85
|
-
git clone https://github.com/DevAbabil/ababil.git
|
|
86
|
-
cd ababil
|
|
87
|
-
```
|
|
88
|
-
|
|
89
|
-
2. **Install dependencies**
|
|
90
|
-
|
|
91
|
-
```bash
|
|
92
|
-
npm install
|
|
93
|
-
```
|
|
94
|
-
|
|
95
|
-
3. **Run in development mode**
|
|
96
|
-
|
|
97
|
-
```bash
|
|
98
|
-
npm run dev
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
## Project Structure
|
|
102
|
-
|
|
103
|
-
```
|
|
104
|
-
ababil
|
|
105
|
-
├── scripts
|
|
106
|
-
│ ├── build.sh
|
|
107
|
-
│ └── publish.sh
|
|
108
|
-
├── src
|
|
109
|
-
│ ├── components
|
|
110
|
-
│ │ ├── _about.ts
|
|
111
|
-
│ │ ├── _footer.ts
|
|
112
|
-
│ │ ├── _header.ts
|
|
113
|
-
│ │ ├── _skills.ts
|
|
114
|
-
│ │ ├── _projects.ts
|
|
115
|
-
│ │ └── index.ts
|
|
116
|
-
│ ├── data
|
|
117
|
-
│ │ └── index.ts
|
|
118
|
-
│ ├── utils
|
|
119
|
-
│ └── index.ts
|
|
120
|
-
├── .vscode
|
|
121
|
-
│ └── settings.json
|
|
122
|
-
├── banner.ts
|
|
123
|
-
├── .gitignore
|
|
124
|
-
├── LICENSE
|
|
125
|
-
├── .npmignore
|
|
126
|
-
├── package.json
|
|
127
|
-
├── package-lock.json
|
|
128
|
-
├── README.md
|
|
129
|
-
├── tsconfig.json
|
|
130
|
-
└── tsup.config.ts
|
|
30
|
+
# Test locally
|
|
31
|
+
npm start
|
|
131
32
|
```
|
|
132
33
|
|
|
133
|
-
##
|
|
134
|
-
|
|
135
|
-
| Category | Technologies |
|
|
136
|
-
| ---------------- | -------------------------------- |
|
|
137
|
-
| **CLI Styling** | chalk, boxen, gradient-string |
|
|
138
|
-
| **Language** | TypeScript (Node.js, ES Modules) |
|
|
139
|
-
| **Bundler** | tsup |
|
|
140
|
-
| **Dev Runner** | tsx |
|
|
141
|
-
| **Package Tool** | npm, yarn, pnpm, bun |
|
|
34
|
+
## Customization
|
|
142
35
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
This project reflects my love for **clean terminal experiences**, **minimalist design**, and **developer creativity**.
|
|
146
|
-
A single command — `ababil` — brings my portfolio to life, right inside your console.
|
|
36
|
+
Edit `src/data/index.ts` with your information, then rebuild.
|
|
147
37
|
|
|
148
38
|
## License
|
|
149
39
|
|
|
150
|
-
|
|
151
|
-
|
|
40
|
+
MIT © [Ababil Hossain](https://github.com/AbabilCore)
|
|
41
|
+
|
|
42
|
+
## Connect
|
|
152
43
|
|
|
153
|
-
|
|
44
|
+
- Website: [devababil.com](https://devababil.com)
|
|
45
|
+
- GitHub: [@AbabilCore](https://github.com/AbabilCore)
|
|
46
|
+
- Email: ababil.webdev@gmail.com
|
package/dist/data.json
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
{
|
|
2
|
+
"about": {
|
|
3
|
+
"name": "Ababil Hossain",
|
|
4
|
+
"profession": "Full Stack Web Developer",
|
|
5
|
+
"description": "I'm a passionate Full Stack Developer who loves transforming complex challenges into elegant, user-friendly solutions. I enjoy creating scalable web applications that blend performance with beautiful design.",
|
|
6
|
+
"address": "Dinajpur, Bangladesh"
|
|
7
|
+
},
|
|
8
|
+
"skills": {
|
|
9
|
+
"frontend": ["ReactJS", "NextJS", "TailwindCSS", "PWA"],
|
|
10
|
+
"backend": ["Node.js", "Express.js", "Moduler-MVC"],
|
|
11
|
+
"database": ["MongoDB", "PostgreSQL", "Redis"],
|
|
12
|
+
"tools": ["Git", "GitHub", "NPM", "VS Code", "Postman", "Figma"],
|
|
13
|
+
"language": ["JavaScript", "TypeScript", "ShellScript"]
|
|
14
|
+
},
|
|
15
|
+
"contact": {
|
|
16
|
+
"website": "https://devababil.com",
|
|
17
|
+
"github": "https://github.com/AbabilCore",
|
|
18
|
+
"gitlab": "https://gitlab.com/AbabilCore",
|
|
19
|
+
"gmail": "ababil.webdev@gmail.com",
|
|
20
|
+
"x": "https://x.com/AbabilCore",
|
|
21
|
+
"linkedIn": "https://www.linkedin.com/in/AbabilCore",
|
|
22
|
+
"facebook": "https://facebook.com/ababil.dev",
|
|
23
|
+
"whatsapp": "01937853223",
|
|
24
|
+
"discord": "https://discord.gg/AbabilCore"
|
|
25
|
+
},
|
|
26
|
+
"projects": {
|
|
27
|
+
"cutefetch": {
|
|
28
|
+
"label": "cutefetch",
|
|
29
|
+
"source": "https://github.com/AbabilCore/cutefetch",
|
|
30
|
+
"description": "Lightweight HTTP client inspired by Axios for modern web applications."
|
|
31
|
+
},
|
|
32
|
+
"emoji-picker": {
|
|
33
|
+
"label": "emoji-picker",
|
|
34
|
+
"source": "https://github.com/AbabilCore/emoji-picker",
|
|
35
|
+
"description": "Simple browser extension to pick and copy emojis instantly anywhere."
|
|
36
|
+
},
|
|
37
|
+
"sigla": {
|
|
38
|
+
"label": "sigla",
|
|
39
|
+
"source": "https://github.com/AbabilCore/sigla",
|
|
40
|
+
"description": "Customizable badge generator for GitHub profiles using Node.js and Canvas."
|
|
41
|
+
},
|
|
42
|
+
"siteviews": {
|
|
43
|
+
"label": "siteviews",
|
|
44
|
+
"source": "https://github.com/AbabilCore/siteviews",
|
|
45
|
+
"description": "Zero-config website counter tracking visits with user info support."
|
|
46
|
+
},
|
|
47
|
+
"react-siteviews": {
|
|
48
|
+
"label": "react-siteviews",
|
|
49
|
+
"source": "https://github.com/AbabilCore/react-siteviews",
|
|
50
|
+
"description": "React component to count and display user visits beautifully."
|
|
51
|
+
},
|
|
52
|
+
"make-public": {
|
|
53
|
+
"label": "make-public",
|
|
54
|
+
"source": "https://github.com/AbabilCore/make-public",
|
|
55
|
+
"description": "CLI tool to instantly expose local APIs to the public."
|
|
56
|
+
},
|
|
57
|
+
"gen-table": {
|
|
58
|
+
"label": "gen-table",
|
|
59
|
+
"source": "https://github.com/AbabilCore/gen-table",
|
|
60
|
+
"description": "CLI utility generating markdown tables from custom rows and columns."
|
|
61
|
+
},
|
|
62
|
+
"mongoose-qb": {
|
|
63
|
+
"label": "mongoose-qb",
|
|
64
|
+
"source": "https://github.com/AbabilCore/mongoose-qb",
|
|
65
|
+
"description": "Mongoose query builder for filtering, searching, sorting, and pagination."
|
|
66
|
+
},
|
|
67
|
+
"jobx-cli": {
|
|
68
|
+
"label": "JobX - AI powered CLI tool",
|
|
69
|
+
"source": "https://jobx.devababil.com",
|
|
70
|
+
"description": "AI powered CLI automates job application emails and Google Sheets tracking."
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"timestamp": {
|
|
74
|
+
"createdAt": "2024-03-02",
|
|
75
|
+
"updatedAt": "2026-09-19"
|
|
76
|
+
},
|
|
77
|
+
"version": "2.0.4"
|
|
78
|
+
}
|