imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Init NextJS #4

Merged
imnyang merged 11 commits from nextjs into main 2025-10-23 20:20:18 +09:00
Conversation 0 Commits 11 Files changed 111 +6075 -2633
imnyang commented 2025-10-23 20:19:20 +09:00 (Migrated from github.com)
Copy link

  • Add timeline route helper

    • src/app/timeline/route.ts
    • simple helper to navigate to #timeline

  • Add NeoFetch component (client)

    • src/components/NeoFetch.tsx
    • Displays avatar iframe, uptime calculation, experience count, WakaTime stats, terminal/ip, locale and colour palette
    • Uses custom hooks useIpData and useWakaTimeData, and events data

  • Add Top (hero) component (client)

    • src/components/Top.tsx
    • Full-screen hero with randomized background, parallax on mouse, device orientation & motion handlers, requestPermission trigger on image click
    • Includes Sidebar import and optimized Image usage

  • Add Timeline UI component (client)

    • src/components/timeline.tsx
    • Year selector + filtered event list with links and icons
    • Handles initial selection and rendering grouped by year

  • Add reusable Timeline primitives (client)

    • src/components/ui/timeline.tsx
    • Timeline context and composable parts: Timeline, TimelineItem, Indicator, Separator, Date, Title, Content, Header
    • Orientation support and controlled/uncontrolled API

  • Add data & hooks

    • src/lib/events.ts
      • Seeded events array (education/awards/conference entries) used by timeline and NeoFetch
    • src/hooks/use-ip-data.ts
    • src/hooks/use-wakatime-data.ts

Notes:

  • All new components are client-side ("use client")

  • Adds device motion/orientation listeners with cleanup

  • Provides basic error handling for network hooks

  • Improves homepage/UX with interactive hero and timeline data visualization- Add timeline route helper

    • src/app/timeline/route.ts
    • simple helper to navigate to #timeline

  • Add NeoFetch component (client)

    • src/components/NeoFetch.tsx
    • Displays avatar iframe, uptime calculation, experience count, WakaTime stats, terminal/ip, locale and colour palette
    • Uses custom hooks useIpData and useWakaTimeData, and events data

  • Add Top (hero) component (client)

    • src/components/Top.tsx
    • Full-screen hero with randomized background, parallax on mouse, device orientation & motion handlers, requestPermission trigger on image click
    • Includes Sidebar import and optimized Image usage

  • Add Timeline UI component (client)

    • src/components/timeline.tsx
    • Year selector + filtered event list with links and icons
    • Handles initial selection and rendering grouped by year

  • Add reusable Timeline primitives (client)

    • src/components/ui/timeline.tsx
    • Timeline context and composable parts: Timeline, TimelineItem, Indicator, Separator, Date, Title, Content, Header
    • Orientation support and controlled/uncontrolled API

  • Add data & hooks

    • src/lib/events.ts
      • Seeded events array (education/awards/conference entries) used by timeline and NeoFetch
    • src/hooks/use-ip-data.ts
    • src/hooks/use-wakatime-data.ts

Notes:

  • All new components are client-side ("use client")
  • Adds device motion/orientation listeners with cleanup
  • Provides basic error handling for network hooks
  • Improves homepage/UX with interactive hero and timeline data visualization
- Add timeline route helper - src/app/timeline/route.ts - simple helper to navigate to #timeline - Add NeoFetch component (client) - src/components/NeoFetch.tsx - Displays avatar iframe, uptime calculation, experience count, WakaTime stats, terminal/ip, locale and colour palette - Uses custom hooks useIpData and useWakaTimeData, and events data - Add Top (hero) component (client) - src/components/Top.tsx - Full-screen hero with randomized background, parallax on mouse, device orientation & motion handlers, requestPermission trigger on image click - Includes Sidebar import and optimized Image usage - Add Timeline UI component (client) - src/components/timeline.tsx - Year selector + filtered event list with links and icons - Handles initial selection and rendering grouped by year - Add reusable Timeline primitives (client) - src/components/ui/timeline.tsx - Timeline context and composable parts: Timeline, TimelineItem, Indicator, Separator, Date, Title, Content, Header - Orientation support and controlled/uncontrolled API - Add data & hooks - src/lib/events.ts - Seeded events array (education/awards/conference entries) used by timeline and NeoFetch - src/hooks/use-ip-data.ts - Fetches terminal/ip info from https://api.imnya.ng/ip - src/hooks/use-wakatime-data.ts - Fetches WakaTime summary from https://api.imnya.ng/wakatime Notes: - All new components are client-side ("use client") - Adds device motion/orientation listeners with cleanup - Provides basic error handling for network hooks - Improves homepage/UX with interactive hero and timeline data visualization- Add timeline route helper - src/app/timeline/route.ts - simple helper to navigate to #timeline - Add NeoFetch component (client) - src/components/NeoFetch.tsx - Displays avatar iframe, uptime calculation, experience count, WakaTime stats, terminal/ip, locale and colour palette - Uses custom hooks useIpData and useWakaTimeData, and events data - Add Top (hero) component (client) - src/components/Top.tsx - Full-screen hero with randomized background, parallax on mouse, device orientation & motion handlers, requestPermission trigger on image click - Includes Sidebar import and optimized Image usage - Add Timeline UI component (client) - src/components/timeline.tsx - Year selector + filtered event list with links and icons - Handles initial selection and rendering grouped by year - Add reusable Timeline primitives (client) - src/components/ui/timeline.tsx - Timeline context and composable parts: Timeline, TimelineItem, Indicator, Separator, Date, Title, Content, Header - Orientation support and controlled/uncontrolled API - Add data & hooks - src/lib/events.ts - Seeded events array (education/awards/conference entries) used by timeline and NeoFetch - src/hooks/use-ip-data.ts - Fetches terminal/ip info from https://api.imnya.ng/ip - src/hooks/use-wakatime-data.ts - Fetches WakaTime summary from https://api.imnya.ng/wakatime Notes: - All new components are client-side ("use client") - Adds device motion/orientation listeners with cleanup - Provides basic error handling for network hooks - Improves homepage/UX with interactive hero and timeline data visualization
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
bug
Something isn't working

  
dependencies
Pull requests that update a dependency file

  
documentation
Improvements or additions to documentation

  
duplicate
This issue or pull request already exists

  
enhancement
New feature or request

  
good first issue
Good for newcomers

  
help wanted
Extra attention is needed

  
invalid
This doesn't seem right

  
javascript
Pull requests that update javascript code

  
question
Further information is requested

  
wontfix
This will not be worked on

No labels
bug
dependencies
documentation
duplicate
enhancement
good first issue
help wanted
invalid
javascript
question
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
imnyang/imnya.ng!4
No description provided.