singhkunal2050

A Personal website/Blog Portal based on eleventy and The Jamstack

Keypoints or Features

• Jamstack Architecture based on Eleventy and Netlify CMS 🤠
• Backend data Hosted on Github at /posts 😎
• Custom Cursor, Semantic HTML 🎀
• og meta tags for sharing on Social Platformss ✨
• Contact form 📞
• Blogs 📖
• Surprise Modal popup on First visit after a time delay greeting the user. 🥳
• Max score on Lighthouse ⚡
• Switch Color Modes 🎨
• 404 page added 🤔

Dark Mode

SEO Score

Surprise on First VIsit 🥳

404 🤔

References

https://rphunt.github.io/eleventy-walkthrough/partials-and-include.html

https://www.belter.io

https://codersblock.com/blog/

Using Debugger

 <script> 
          console.log('{{ collections.post[0].templateContent  | console | safe }}' )
  </script> 
  

Blog Features

• Highlighted Code
• embedded videos
• social share
• tags

Todos

• Add a new collection for posts which support single and multi image carousal that can be view just a like social media for all your image content
• Can work on a eleventy plugin with npm to create a simple 404 page
• Add Styling for inline code
• Added /uses inspired by https://github.com/wesbos/awesome-uses/
• Add Sitemap.xml and robots.txt
• End point to fetch stars of repo at build time https://api.github.com/repos/singhkunal2050/singhkunal2050v2
• Use lamda functions for views and likes counter on blogs
• refactor from sass to css variables
• add color scheme toogle
• Search Blogs with tags or title
• Add About page with Feats Certications and Overall idea obout me
• Create updated resume and update it across all platforms
• pwa notifications on new blog posts
• add site main domain to site.json
• shine js for glass cards
• pwa
• Share on eleventy hashtag
• tags specific collections
• Add 5+ Color Schemes

projects=> Update Project Listing and Create Page for Each Project Add MERN Projects in Website Mention Stack of Project with Scope of work u have done

Important Points for updates

• Work on good user experience of blog single page
  • Loader issue when too many iframes are part of body templateContent
  • Social share for mobile needs work
  • Work on top progress indicator bugs for blog complete case
• Update projects in portfolio
  • detailed page for projects if possible and maybe video descriptions (Why not!!)
  • update latest projects and remove old ones
• About page with more about me and things I do (Can be a good place for creativity and animations )
• tags based filtering
• pagination ordering issue