{"id":22520454,"url":"https://github.com/nusky7/my-portfolio","last_synced_at":"2026-04-12T17:02:27.077Z","repository":{"id":266477923,"uuid":"893905731","full_name":"Nusky7/my-portfolio","owner":"Nusky7","description":"My Very Nice portfolio animated with tailwind! ❤","archived":false,"fork":false,"pushed_at":"2025-03-26T12:38:16.000Z","size":310065,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T03:18:21.933Z","etag":null,"topics":["css","firebase-firestore","html","javascript","jquery-plugins","php","tailwind-css"],"latest_commit_sha":null,"homepage":"https://www.nusky7studio.es","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nusky7.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-25T12:16:33.000Z","updated_at":"2025-03-26T12:38:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"8f2e02d4-6f4e-4be1-92a9-f5cfb59f02d8","html_url":"https://github.com/Nusky7/my-portfolio","commit_stats":null,"previous_names":["nusky7/my-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nusky7%2Fmy-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nusky7%2Fmy-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nusky7%2Fmy-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nusky7%2Fmy-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nusky7","download_url":"https://codeload.github.com/Nusky7/my-portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245960835,"owners_count":20700783,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","firebase-firestore","html","javascript","jquery-plugins","php","tailwind-css"],"created_at":"2024-12-07T05:07:22.345Z","updated_at":"2026-04-12T17:02:27.071Z","avatar_url":"https://github.com/Nusky7.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg height=\"210\" src=\"https://nusky7studio.es/img/portfolioScreenshots/nuskygit.gif\"  /\u003e\n\u003c/div\u003e\n\n###\n\n\u003ch1 align=\"center\"\u003e⚙️ My Portfolio Repository! 🎨\u003c/h1\u003e\n\n###\n\n\u003cp align=\"center\"\u003eHi! I'm \u003cb\u003eAlba Tolosa Bonora\u003c/b\u003e, a passionate Full Stack Developer based in Valencia, Spain.\u003cbr\u003eThis repository contains the code for my personal portfolio website \u003cb\u003eN7Studio\u003c/b\u003e, where I showcase my projects, skills, and a bit of my personality.\u003c/p\u003e\n\n###\n\n\u003cbr clear=\"both\"\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://visitor-badge.laobi.icu/badge?page_id=Nusky7.Nusky7\u0026right_color=purple\"  /\u003e\n\u003c/div\u003e\n\n###\n\n\u003cp align=\"left\"\u003eThis portfolio started as a simple idea focused on creating a \u003cb\u003ebeautiful design and intuitive UI.\u003c/b\u003e\u003cbr\u003eOver time, it has grown and evolved thanks to \u003cb\u003epeople's feedback\u003c/b\u003e and \u003cb\u003eideas\u003c/b\u003e that came to mind.\u003cbr\u003eNow it’s an \u003cb\u003eimmersive Cyber-Retro themed space\u003c/b\u003e that not only showcases my projects but also serves as a \u003cb\u003eplatform to test and implement new solutions.\u003cbr\u003e\u003cbr\u003e\u003c/b\u003eSome of its \u003cb\u003elatest improvements\u003c/b\u003e are:\u003cbr\u003eA \u003cb\u003eSwiper for the projects\u003c/b\u003e, a \u003cb\u003eRating System\u003c/b\u003e, and \u003cb\u003epersonalized Toast Messages.\u003c/b\u003e\u003cbr\u003eIt’s also a \u003cb\u003epersonal tool\u003c/b\u003e where I can \u003cb\u003elisten to my favorite music\u003c/b\u003e and \u003cb\u003ekeep all my resources in one place.\u003c/b\u003e\u003cbr\u003e\u003cbr\u003eI'm always excited about \u003cb\u003enew opportunities\u003c/b\u003e and open to working on \u003cb\u003efreelance projects\u003c/b\u003e or joining a team on a \u003cb\u003econtract basis.\u003c/b\u003e Whether you're looking for a developer to \u003cb\u003ebring your ideas to life\u003c/b\u003e, \u003cb\u003ecollaborate on innovative solutions\u003c/b\u003e, or \u003cb\u003ebuild something from scratch\u003c/b\u003e, I'd love to hear from you!\u003cbr\u003e\u003cbr\u003eFeel free to reach out to \u003cb\u003eexplore how we can collaborate\u003c/b\u003e — Whether it's bringing your ideas to life, or creating something truly unique. I'm ready to embrace \u003cb\u003enew opportunities\u003c/b\u003e and \u003cb\u003emake a meaningful impact!\u003c/b\u003e\u003c/p\u003e\n\n###\n\n\u003cbr clear=\"both\"\u003e\n\n\u003cp align=\"center\"\u003e\u003cb\u003e🌍 Visit Here:\u003c/b\u003e\u003cbr\u003e\u003ca href=\"https://nusky7studio.es\" target=\"_blank\"\u003ewww.nusky7studio.es\u003c/a\u003e\u003c/p\u003e\n\n###\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg height=\"270\" src=\"https://nusky7studio.es/img/portfolioScreenshots/workGif.gif\"  /\u003e\n\u003c/div\u003e\n\n###\n\n\u003cbr clear=\"both\"\u003e\n\n\u003ch2 align=\"left\"\u003e🚀 Features\u003c/h2\u003e\n\n###\n\n\u003cp align=\"left\"\u003e★ \u003cb\u003eBilingual Content:\u003c/b\u003e  \u003cbr\u003eThe website is available in both English and Spanish, offering an inclusive user experience. Everyone is Welcome!\u003cbr\u003e\u003cbr\u003e★ \u003cb\u003eResponsive Design:\u003c/b\u003e  \u003cbr\u003eWorks beautifully on desktops, tablets, and mobile devices, ensuring a seamless experience across all screen sizes.\u003cbr\u003e\u003cbr\u003e★ \u003cb\u003eVisual \u0026 Interactive Elements:\u003c/b\u003e  \u003cbr\u003eExplore the website with engaging hover effects and interactive animations.\u003cbr\u003e\u003cbr\u003e★ \u003cb\u003eInteractive Features:\u003c/b\u003e\u003cbr\u003e\u003cul\u003e\u003cbr\u003e  \u003cli\u003eCast your vote with the new \u003ccode\u003e⭐ Rating System\u003c/code\u003e implemented using Rateit.js.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eEnjoy my \u003ccode\u003e🔊 Audio Player\u003c/code\u003e, styled with Wave.js, and listen to my favorite playlist.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eDive into the \u003ccode\u003e📟 CSS Monitor\u003c/code\u003e to find useful resources and tools.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eShare your thoughts with the \u003ccode\u003e📝 Feedback System\u003c/code\u003e powered by Giscus.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eWatch related \u003ccode\u003e📺 YouTube videos\u003c/code\u003e on the mini TVs for extra insights.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eUse the \u003ccode\u003e📨 Contact Form\u003c/code\u003e with 3 quick options to drop your message via Email, Telegram, or WhatsApp.\u003c/li\u003e\u003cbr\u003e\u003c/ul\u003e\u003c/p\u003e\n\n###\n\n\u003ch2 align=\"left\"\u003e🗂️ Repository Strucure\u003c/h2\u003e\n\n###\n\n\u003cdiv align=\"left\"\u003e\n  \u003cimg height=\"430\" src=\"https://nusky7studio.es/img/portfolioScreenshots/structure.png\"  /\u003e\n\u003c/div\u003e\n\n###\n\n\u003ch2 align=\"left\"\u003e🧩 Dependencies \u0026 Libraries\u003c/h2\u003e\n\n###\n\n\u003cp align=\"left\"\u003e💻 \u003cb\u003eFrontEnd\u003c/b\u003e \u003cbr\u003e\u003cul\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eSwiper.js\u003c/b\u003e ➜ For creating responsive and interactive sliders.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eTypewriter Effect\u003c/b\u003e ➜ To add engaging text animations.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eVanta.js\u003c/b\u003e ➜ For stunning animated WebGL backgrounds.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003ep5.js\u003c/b\u003e \u0026 \u003cb\u003eThree.js\u003c/b\u003e ➜ For advanced graphics and animations.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eEmailJS\u003c/b\u003e ➜ To handle email submissions directly from the frontend.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eWaveSurfer.js\u003c/b\u003e ➜ For a customizable audio player with visualizations.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eRateit.js\u003c/b\u003e ➜ To implement the dynamic rating system.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003ejQuery\u003c/b\u003e ➜ For DOM manipulation and Rateit.js compatibility.\u003c/li\u003e\u003cbr\u003e\u003c/ul\u003e\u003cbr\u003e🎨 \u003cb\u003eCSS Styles\u003c/b\u003e\u003cbr\u003e\u003cul\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eTailwind CSS\u003c/b\u003e ➜ Compiled and minified in \u003ccode\u003estyles.min.css\u003c/code\u003e for custom styling.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eSwiper.js CSS\u003c/b\u003e ➜ To style the sliders.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eRateit.js CSS\u003c/b\u003e ➜ For styling the rating system.\u003c/li\u003e\u003cbr\u003e\u003c/ul\u003e\u003cbr\u003e🛠️ \u003cb\u003eCustom Scripts\u003c/b\u003e\u003cbr\u003e\u003cul\u003e\u003cbr\u003e  \u003cli\u003e\u003ccode\u003eanimations.js\u003c/code\u003e, \u003ccode\u003edonations.js\u003c/code\u003e, \u003ccode\u003eyoutubeVideos.js\u003c/code\u003e, \u003ccode\u003ewave.js\u003c/code\u003e, \u003ccode\u003escript.js\u003c/code\u003e ➜\u003c/li\u003e Custom JavaScript files to handle various features and functionalities.\u003c/li\u003e\u003cbr\u003e\u003c/ul\u003e\u003cbr\u003e🔧 \u003cb\u003eBackend\u003c/b\u003e\u003cbr\u003e\u003cul\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003ePHP\u003c/b\u003e ➜ Handles the backend logic for storing votes.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003e\u003cb\u003eFirebase\u003c/b\u003e ➜ Just stores user ratings.\u003c/li\u003e\u003cbr\u003e\u003c/ul\u003e\u003c/p\u003e\n\n###\n\n\u003ch2 align=\"left\"\u003e🗃️ Backend \u0026 Database\u003c/h2\u003e\n\n###\n\n\u003cp align=\"left\"\u003e⭐ \u003cb\u003eRating System:\u003c/b\u003e\u003cbr\u003eOriginally, this portfolio was designed to be backendless. \u003cbr\u003eHowever, I recently implemented a mini-backend to support the new Rating System.\u003cbr\u003e\u003cul\u003e\u003cbr\u003e  \u003cli\u003eThe backend is built with \u003cb\u003ePHP\u003c/b\u003e and connected to a \u003cb\u003eFirebase database\u003c/b\u003e.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eThis system powers the \u003cb\u003eRateit.js Rating System\u003c/b\u003e, allowing users to cast and save their votes.\u003c/li\u003e\u003cbr\u003e  \u003cli\u003eTo ensure fairness, the voting system restricts users to \u003cb\u003e1 vote per device\u003c/b\u003e, leveraging \u003cb\u003elocalStorage\u003c/b\u003e for validation.\u003c/li\u003e\u003cbr\u003e\u003c/ul\u003e\u003c/p\u003e\n\n###\n\n\u003cbr clear=\"both\"\u003e\n\n\u003ch2 align=\"center\"\u003e📸 Screenshots Preview\u003c/h2\u003e\n\n###\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg height=\"390\" src=\"https://nusky7studio.es/img/portfolioScreenshots/N7Screens500.gif\"  /\u003e\n\u003c/div\u003e\n\n###\n\n\u003ch1 align=\"center\"\u003e🛠️ Built Using\u003c/h1\u003e\n\n###\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=vscode\" height=\"40\" alt=\"vscode logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://cdn.simpleicons.org/npm/CB3837\" height=\"40\" alt=\"npm logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=html\" height=\"40\" alt=\"html5 logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=css\" height=\"40\" alt=\"css3 logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=js\" height=\"40\" alt=\"javascript logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=tailwind\" height=\"40\" alt=\"tailwindcss logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=jquery\" height=\"40\" alt=\"jquery logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=php\" height=\"40\" alt=\"php logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=firebase\" height=\"40\" alt=\"firebase logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=git\" height=\"40\" alt=\"git logo\"  /\u003e\n  \u003cimg width=\"18\" /\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/canva/canva-original.svg\" height=\"40\" alt=\"canva logo\"  /\u003e\n\u003c/div\u003e\n\n###\n\n\u003cbr clear=\"both\"\u003e\n\n\u003ch1 align=\"right\"\u003e📬 Let's Connect!\u003c/h1\u003e\n\n###\n\n\u003cdiv align=\"right\"\u003e\n  \u003ca href=\"mailto:4lbawork@gmail.com\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/maurodesouza/profile-readme-generator/master/src/assets/icons/social/gmail/default.svg\" width=\"58\" height=\"40\" alt=\"gmail logo\"  /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://t.me/Nusky_7\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/maurodesouza/profile-readme-generator/master/src/assets/icons/social/telegram/default.svg\" width=\"58\" height=\"40\" alt=\"telegram logo\"  /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://es.linkedin.com/in/alba-tolosa-bonora-792b7a291\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/maurodesouza/profile-readme-generator/master/src/assets/icons/social/linkedin/default.svg\" width=\"58\" height=\"40\" alt=\"linkedin logo\"  /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n###\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnusky7%2Fmy-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnusky7%2Fmy-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnusky7%2Fmy-portfolio/lists"}