Skip to content

itzjonas/itzjonas.github.io

Repository files navigation

🕹️ Decoding JSON: A JS Web Canvas 🎨

This is a Next.js project, a totally tubular web canvas for my front-end explorations, bootstrapped with create-next-app. Get ready to plug into the neon-soaked world of 80s-inspired web dev!

💾 Getting Started

Fire up the development server and get ready to jam:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Cruise on over to http://localhost:3000 with your browser to witness the magic! ✨

Start tweaking the digital landscape by modding app/page.tsx. The page auto-updates in real-time, like a high score popping up on your favorite arcade game! 👾

This project harnesses the power of next/font to automatically optimize and load Press Start 2P, a pixelated font that's straight out of the 8-bit era. 🕹️

🚧 Work in Progress! 🚧

Currently, this is a temporary landing page while the main site is under construction. Check back soon for more radical updates!

📝 TODO

Here's a sneak peek at what's coming soon to this totally tubular site:

  • MDX-Based Blog: ✍️
    • Create a dynamic blog using MDX files for content creation.
    • Implement categories and tags for easy navigation.
    • Add syntax highlighting for code snippets.
  • Portfolio Showcase: 🖼️
    • Display my front-end projects with interactive demos and descriptions.
    • Use a grid layout for a visually appealing presentation.
    • Include project screenshots and links to live sites or repositories.
  • Playground Area: 🧪
    • Provide a space for experimenting with code snippets and interactive components.
    • Allow users to try out different technologies and techniques.
    • Integrate code editors or sandboxes.
  • Enhanced 80s Styling: 🕶️
    • Incorporate more vibrant colors, gradients, and patterns.
    • Use retro fonts and pixel art graphics.
    • Add animated elements and transitions.
  • Navigation Bar: 🧭
    • Implement a stylish navigation bar for easy access to different sections.
    • Use hover effects and animations for interactivity.
    • Ensure the navigation is responsive for all screen sizes.
  • Contact Section: 📞
    • Include a contact form or links to social media profiles.
    • Make it easy for visitors to get in touch.

About

Personal website found at:

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •