Skip to content

πŸš€ Portfolio Website / Blog Portal πŸ“– with eleventy and netlify-cms based on the Jamstack Architecture πŸͺ

Notifications You must be signed in to change notification settings

singhkunal2050/singhkunal2050v2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Netlify Status

singhkunal2050

SASS JavaScript NodeJS NPM Netlify GitHub Thymeleaf CSS3 HTML5 Shell Script

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 πŸ€”

Website Snap

Dark Mode

Website Snap

SEO Score

Google SEO Audit Score

Surprise on First VIsit πŸ₯³

Surprise on First VIsit

404 πŸ€”

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

About

πŸš€ Portfolio Website / Blog Portal πŸ“– with eleventy and netlify-cms based on the Jamstack Architecture πŸͺ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published