Hi! I'm Alba Tolosa Bonora, a passionate Full Stack Developer based in Valencia, Spain.
This repository contains the code for my personal portfolio website N7Studio, where I showcase my projects, skills, and a bit of my personality.
This portfolio started as a simple idea focused on creating a beautiful design and intuitive UI.
Over time, it has grown and evolved thanks to people's feedback and ideas that came to mind.
Now it’s an immersive Cyber-Retro themed space that not only showcases my projects but also serves as a platform to test and implement new solutions.
Some of its latest improvements are:
A Swiper for the projects, a Rating System, and personalized Toast Messages.
It’s also a personal tool where I can listen to my favorite music and keep all my resources in one place.
I'm always excited about new opportunities and open to working on freelance projects or joining a team on a contract basis. Whether you're looking for a developer to bring your ideas to life, collaborate on innovative solutions, or build something from scratch, I'd love to hear from you!
Feel free to reach out to explore how we can collaborate — Whether it's bringing your ideas to life, or creating something truly unique. I'm ready to embrace new opportunities and make a meaningful impact!
🌍 Visit Here:
www.nusky7studio.es
★ Bilingual Content:
The website is available in both English and Spanish, offering an inclusive user experience. Everyone is Welcome!
★ Responsive Design:
Works beautifully on desktops, tablets, and mobile devices, ensuring a seamless experience across all screen sizes.
★ Visual & Interactive Elements:
Explore the website with engaging hover effects and interactive animations.
★ Interactive Features:
- Cast your vote with the new
⭐ Rating Systemimplemented using Rateit.js. - Enjoy my
🔊 Audio Player, styled with Wave.js, and listen to my favorite playlist. - Dive into the
📟 CSS Monitorto find useful resources and tools. - Share your thoughts with the
📝 Feedback Systempowered by Giscus. - Watch related
📺 YouTube videoson the mini TVs for extra insights. - Use the
📨 Contact Formwith 3 quick options to drop your message via Email, Telegram, or WhatsApp.
💻 FrontEnd
- Swiper.js ➜ For creating responsive and interactive sliders.
- Typewriter Effect ➜ To add engaging text animations.
- Vanta.js ➜ For stunning animated WebGL backgrounds.
- p5.js & Three.js ➜ For advanced graphics and animations.
- EmailJS ➜ To handle email submissions directly from the frontend.
- WaveSurfer.js ➜ For a customizable audio player with visualizations.
- Rateit.js ➜ To implement the dynamic rating system.
- jQuery ➜ For DOM manipulation and Rateit.js compatibility.
🎨 CSS Styles
- Tailwind CSS ➜ Compiled and minified in
styles.min.cssfor custom styling. - Swiper.js CSS ➜ To style the sliders.
- Rateit.js CSS ➜ For styling the rating system.
🛠️ Custom Scripts
animations.js,donations.js,youtubeVideos.js,wave.js,script.js➜ Custom JavaScript files to handle various features and functionalities.
🔧 Backend
- PHP ➜ Handles the backend logic for storing votes.
- Firebase ➜ Just stores user ratings.
⭐ Rating System:
Originally, this portfolio was designed to be backendless.
However, I recently implemented a mini-backend to support the new Rating System.
- The backend is built with PHP and connected to a Firebase database.
- This system powers the Rateit.js Rating System, allowing users to cast and save their votes.
- To ensure fairness, the voting system restricts users to 1 vote per device, leveraging localStorage for validation.
