Skip to content

Commit e615e12

Browse files
oliver-dev01oliver-dev01
committed
feat: build WorkIn app with LinkedIn job link generator, theme integration, logo support, popup confirmation, and responsive UI
0 parents  commit e615e12

48 files changed

Lines changed: 15007 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.env.example‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# No environment variables needed for basic functionality
2+
# Add any custom configuration here if needed

‎.eslintrc.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": "next/core-web-vitals"
3+
}

‎.github/workflows/ci.yml‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
name: CI
2+
3+
on:
4+
push:
5+
branches: [main]
6+
pull_request:
7+
branches: [main]
8+
9+
jobs:
10+
lint:
11+
name: Lint
12+
runs-on: ubuntu-latest
13+
steps:
14+
- uses: actions/checkout@v4
15+
- uses: actions/setup-node@v4
16+
with:
17+
node-version: '20'
18+
cache: 'npm'
19+
- run: npm ci
20+
- run: npm run lint
21+
22+
test-unit:
23+
name: Unit Tests
24+
runs-on: ubuntu-latest
25+
steps:
26+
- uses: actions/checkout@v4
27+
- uses: actions/setup-node@v4
28+
with:
29+
node-version: '20'
30+
cache: 'npm'
31+
- run: npm ci
32+
- run: npm test
33+
34+
test-e2e:
35+
name: E2E Tests
36+
runs-on: ubuntu-latest
37+
steps:
38+
- uses: actions/checkout@v4
39+
- uses: actions/setup-node@v4
40+
with:
41+
node-version: '20'
42+
cache: 'npm'
43+
- run: npm ci
44+
- run: npx playwright install --with-deps
45+
- run: npm run test:e2e
46+
- uses: actions/upload-artifact@v4
47+
if: always()
48+
with:
49+
name: playwright-report
50+
path: playwright-report/
51+
retention-days: 30
52+
53+
build:
54+
name: Build
55+
runs-on: ubuntu-latest
56+
steps:
57+
- uses: actions/checkout@v4
58+
- uses: actions/setup-node@v4
59+
with:
60+
node-version: '20'
61+
cache: 'npm'
62+
- run: npm ci
63+
- run: npm run build

‎.gitignore‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
# dependencies
2+
/node_modules
3+
/.pnp
4+
.pnp.js
5+
6+
# testing
7+
/coverage
8+
/playwright-report
9+
/test-results
10+
11+
# next.js
12+
/.next/
13+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
*.pem
21+
22+
# debug
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
27+
# local env files
28+
.env*.local
29+
30+
# vercel
31+
.vercel
32+
33+
# typescript
34+
*.tsbuildinfo
35+
next-env.d.ts

‎.prettierrc‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"semi": false,
3+
"singleQuote": false,
4+
"tabWidth": 2,
5+
"trailingComma": "es5",
6+
"printWidth": 100,
7+
"arrowParens": "always"
8+
}

‎CONTRIBUTING.md‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
# Contributing to LinkedIn Job Time Modifier
2+
3+
Thank you for your interest in contributing! Here are some guidelines to help you get started.
4+
5+
## Development Setup
6+
7+
1. **Fork and clone the repository**
8+
```bash
9+
git clone https://github.com/YOUR_USERNAME/url-modifier.git
10+
cd url-modifier
11+
```
12+
13+
2. **Install dependencies**
14+
```bash
15+
npm install
16+
```
17+
18+
3. **Run development server**
19+
```bash
20+
npm run dev
21+
```
22+
23+
4. **Run tests**
24+
```bash
25+
npm test # Unit tests
26+
npm run test:e2e # E2E tests
27+
```
28+
29+
## Code Style
30+
31+
- Follow the existing code style
32+
- Use TypeScript for all new files
33+
- Run `npm run lint` before committing
34+
- Write meaningful commit messages
35+
36+
## Testing
37+
38+
- Add unit tests for new utility functions
39+
- Add E2E tests for new UI features
40+
- Ensure all tests pass before submitting PR
41+
- Aim for high test coverage
42+
43+
## Pull Request Process
44+
45+
1. Create a feature branch from `main`
46+
2. Make your changes
47+
3. Add tests for new functionality
48+
4. Ensure all tests pass
49+
5. Update documentation if needed
50+
6. Submit a pull request
51+
52+
## Code of Conduct
53+
54+
- Be respectful and inclusive
55+
- Provide constructive feedback
56+
- Help others learn and grow
57+
58+
## Questions?
59+
60+
Feel free to open an issue for any questions or discussions.

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2025 LinkedIn Job Time Modifier Contributors
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎LOGO_INTEGRATION.md‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
# 🎨 WorkIn Logo Integration Complete
2+
3+
## ✅ What's Been Integrated
4+
5+
Your WorkIn logo has been fully integrated into the design with a cohesive green color theme.
6+
7+
### 1. Logo Placement
8+
9+
**Navigation Bar:**
10+
- ✅ Logo placed before "WorkIn" text in floating nav
11+
- ✅ Responsive sizing (24px height)
12+
- ✅ Hover effect on logo + text
13+
14+
**Favicon:**
15+
- ✅ Set as site favicon in metadata
16+
- ✅ Appears in browser tab
17+
18+
### 2. Color Theme Updates
19+
20+
**Primary Colors (Green from Logo):**
21+
```css
22+
Light Mode:
23+
--primary: 142 76% 36% /* Rich Green */
24+
--primary-foreground: #FFFFFF
25+
--ring: 142 76% 36% /* Focus ring green */
26+
27+
Dark Mode:
28+
--primary: 142 69% 58% /* Lighter Green */
29+
--primary-foreground: #FFFFFF
30+
--ring: 142 69% 58%
31+
```
32+
33+
**Accent Colors:**
34+
```css
35+
Light Mode:
36+
--accent: 142 76% 96% /* Very light green */
37+
--accent-foreground: 142 76% 36%
38+
39+
Dark Mode:
40+
--accent: 142 50% 15% /* Dark green */
41+
--accent-foreground: 142 69% 58%
42+
```
43+
44+
### 3. UI Elements with Green Theme
45+
46+
**Buttons:**
47+
- ✅ Primary buttons use green from logo
48+
- ✅ Hover states complement green
49+
- ✅ Focus rings match green
50+
51+
**Links:**
52+
- ✅ All hover states: `hover:text-green-600 dark:hover:text-green-400`
53+
- ✅ Navigation links
54+
- ✅ GitHub link
55+
- ✅ Footer links
56+
57+
**Badges & Pills:**
58+
- ✅ "Open Source & Safe" badge - green border/background
59+
- ✅ Feature pills - green backgrounds
60+
- ✅ Icons use green accents
61+
62+
**Success States:**
63+
- ✅ Link generated success - green checkmark
64+
- ✅ Copied state - green check icon
65+
66+
### 4. Border Radius
67+
68+
Updated to softer, more rounded corners:
69+
- `--radius: 0.75rem` (increased from 0.5rem)
70+
- All cards, buttons, inputs have consistent rounding
71+
72+
## 📁 File Changes
73+
74+
### Modified Files:
75+
1. **`app/layout.tsx`** - Added favicon metadata
76+
2. **`app/page.tsx`** - Added logo to nav, updated all hover colors
77+
3. **`app/globals.css`** - Updated color variables for green theme
78+
4. **`public/workin.png`** - Logo file location
79+
80+
## 🎯 Next Steps
81+
82+
### Important: Place Your Logo
83+
84+
**You need to place your `workin.png` file in the `/public` directory:**
85+
86+
```bash
87+
# Copy your logo to:
88+
c:/Users/Abdul Wahab/Desktop/Static/URL Modifier/public/workin.png
89+
```
90+
91+
The public directory has been created. Simply copy your logo file there.
92+
93+
### Verify Logo Integration
94+
95+
1. **Copy logo:** Place `workin.png` in `/public` folder
96+
2. **Refresh browser:** http://localhost:3000
97+
3. **Check favicon:** Look at browser tab icon
98+
4. **Check navigation:** Logo should appear before "WorkIn" text
99+
100+
## 🎨 Visual Consistency
101+
102+
All elements now follow the green color scheme from your logo:
103+
104+
| Element | Color Applied |
105+
|---------|---------------|
106+
| Primary buttons | ✅ Green (#22c55e) |
107+
| Link hovers | ✅ Green |
108+
| Focus rings | ✅ Green |
109+
| Badges | ✅ Green borders/backgrounds |
110+
| Feature pills | ✅ Green accents |
111+
| Success states | ✅ Green checkmarks |
112+
| Logo placement | ✅ Navigation bar |
113+
| Favicon | ✅ Browser tab |
114+
115+
## 💡 Theme Harmony
116+
117+
The entire site now has a cohesive visual identity:
118+
- **Brand Color:** Green from logo
119+
- **Typography:** Inter (Geist-style)
120+
- **Spacing:** Consistent padding/margins
121+
- **Borders:** Soft rounded (0.75rem)
122+
- **Shadows:** Subtle elevation
123+
- **Dark Mode:** Adjusted greens for visibility
124+
125+
## 🚀 Production Ready
126+
127+
Your WorkIn landing page is now fully branded with:
128+
- ✅ Logo integration
129+
- ✅ Matching color scheme
130+
- ✅ Professional design
131+
- ✅ Light + Dark mode support
132+
- ✅ Responsive across devices
133+
- ✅ Crisp, high-quality presentation
134+
135+
---
136+
137+
**Status:** ✅ Complete - Just add your logo file to `/public/workin.png`

0 commit comments

Comments
 (0)