Skip to content

avimehenwal/fan-gallery

Repository files navigation

Netlify Status Build production bundles (using cache) Commitizen friendly

:neckbeard: fan-gallery

Personal showcase of my favourite anime collection

✨ Live Link

✨ Live Link Next

🎥 Demo

Click on image below to play demo video:

Project demo video

Images:

Webpack Analyze Demo homepage Dashboard View Google Tag Manager


📒 ToDO

  • Add anime list
  • Add manga details
  • Add google analytics
  • Card and image skeleton placeholders for upcoming content
  • https://www.gamevix.com/games/browse/best-rated
  • Use @nuxt/Components
  • Use chart.js
    • No need anymore to manually import them in the script section
  • Use @nuxt/Content
    • write in a content/ directory
  • Add character details
  • Add data transform Mixin
  • Pass information from index page to description page using URL

📕 Learning

  • Image lazy loading
  • force client side rendering
  • Google blocks CORS requests
    • Who can access what resource from whome
# Update yarn packages
yarn upgrade nuxt@^2.13.3
yarn outdated

🪲 Issues

🚜 Parsing data from google sheets

table_header = 1
table_total_records = 5 (4 + 1 header)
table_total_columns = 6
items_1 = 1 + [0..] table_total_columns
1, 7, 13, 19

⛵ Resources

🐒 Project Links

🔗 Link to release

🔗 Link to changelog

Suggest improvements or share ideas or start a conversation

🌿 License

MIT


TODO

  • use webP images
for file in *
do
  cwebp -progress -q 80 "$file" -o "$file.webp"
done

for file in *; do cwebp -progress "$file" -o "./webp/$file.webp"; done

🙏 Get in touch with me

I am looking for Jobs ... 😎

Buy Me A Coffee

Spread Love ♥️ and not 🚫 hatred Twitter Follow

Full page dashboard view Full Home page