Dark purple-black visual style inspired by Solo Leveling
HTMLPortfolio
Brainwave_Matrix_Intern_TASK-1 — HTML Portfolio Template
By CharanChintalachervu
A responsive single-page personal portfolio website inspired by the dark aesthetic of Solo Leveling, built with HTML, CSS, and vanilla JavaScript, and deployed on Firebase.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Single-page application structure; content switches without reloading the page
Smooth scrolling and animations implemented in vanilla JavaScript
Responsive layout covering mobile, tablet, and desktop
Includes sections for About Me, Projects, Certificates, Experience, Education, Languages, and Contact
Deployed via Firebase (GCP) with a live demo URL
Template Details
This is a single-page application (SPA) personal portfolio website with a visual style drawn from Solo Leveling, adopting an overall dark, purple-black 'Shadow Monarch's domain' atmosphere. The page is written in HTML, CSS, and vanilla JavaScript; scrolling and animation effects are implemented in vanilla JavaScript, and content switches without reloading the page.
The site includes multiple personal showcase sections: About Me, Projects, Certificates, Experience, Education, Languages, and Contact, used to centrally present the author's professional information and technical background. The layout is responsive, adapting to mobile, tablet, and desktop. The project was created during an internship at Brainwave Matrix Solutions and deployed via Firebase (GCP), with a live demo at charan-shadow-portfolio.web.app.
The code is released under the MIT license, allowing free use, modification, commercial use, and distribution, provided the copyright and license notice are retained. The Firebase integration mentioned in the README is part of the hosting deployment; enabling related dynamic features requires separate configuration, and you must verify Firebase quotas and charges yourself. Third-party assets such as images, fonts, and icons used in the demo must be confirmed separately under their respective licenses.
HTMLPortfolio
Is it right for your project?
Use Cases
- As an online portfolio showcase page for individual developers or interns
- For centrally presenting resume information such as projects, certificates, experience, and education
- As a reference project for learning vanilla HTML, CSS, JavaScript single-page applications and animation implementation
- As an example of a static site deployed to Firebase Hosting
Suitable For
- Developers who need a dark-themed personal portfolio page
- Front-end learners who want to reference vanilla JavaScript implementations of SPAs and scroll animations
- Developers preparing to deploy a static site to Firebase Hosting
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, open the HTML file directly in a browser to view locally; no build step is required.
- 2
To deploy online, configure a Firebase project as described in the README and publish using Firebase Hosting.
- 3
Before enabling Firebase-related dynamic features, configure them yourself and verify Firebase quotas and charges.
- 4
Third-party assets such as images, fonts, and icons used in the demo must be checked separately under their respective licenses.
- 5
The code is under the MIT license; when distributing or distributing modified versions, retain the original author's copyright notice and the full license notice.
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The README mentions Firebase integration; before enabling related dynamic features, configure them yourself and verify Firebase quotas and charges.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 74 / 100
- Technologies
- HTML
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-07-21
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 81a72983a5b6aa15c53457efa5714a72ba78551a7ab31e149537286a311e7d73
2026-10-13T02:30:54.165Z
Source file / repository# 🌑 Shadow Portfolio - Solo Leveling Inspired Web Portfolio A dark-themed, fully responsive portfolio website inspired by the aesthetics of *Solo Leveling*, created as part of my internship with **Brainwave Matrix Solutions**. --- ## 🔥 Live Demo [🌐 View Website](https://charan-shadow-portfolio.web.app) --- ## 📌 Project Overview This is a **Single Page Application (SPA)** built using **HTML, CSS, and JavaScript**, featuring a shadowy, violet-black aesthetic to reflect the vibe of a "Shadow Monarch's Domain." It showcases my professional details and technical journey in an engaging and modern way. --- ## ✨ Features - ⚔️ **Dark Shadow UI** – Inspired by *Solo Leveling* - 📱 **Fully Responsive** – Works beautifully on mobile, tablet, and desktop - 🌀 **Smooth Scroll & Animations** – Built with vanilla JavaScript - ⚡ **Lightning-Fast SPA** – No page reloads - ☁️ **Deployed on Firebase (GCP)** --- ## 📂 Sections Included - 🧍♂️ About Me - 🧠 Projects - 🏆 Certificates - 🧪 Experience - 🎓 Education - 🌍 Languages Known - 📬 Contact Me --- ## 🚀 Tech Stack - **Frontend**: HTML, CSS, JavaScript - **Animations**: JavaScript (vanilla) - **Hosting**: Firebase (Google Cloud Platform) --- ## 📦 How to Run Locally 1. Clone the repository: ```bash git clone https://github.com/yourusername/Brainwave_Matrix_Intern.git
Explore similar templates
Compare previews and descriptions within the same stack and category.
simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
Grayscale
A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.
HTML · Corporate Website
startbootstrap-stylish-portfolio
A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.
HTML · Portfolio