RonitVerse ⭐

Ronit Raj's personal digital home — one place for code, work, profiles, and conversations.

---

Overview

RonitVerse is a responsive personal profile hub for Ronit Raj. It presents a clean, professional single-page experience that connects visitors to a portfolio, developer profiles, social channels, and direct contact details.

The project is intentionally lightweight: it uses standard HTML, CSS, and JavaScript with no build process or framework required. This keeps it fast to load, simple to maintain, and easy to deploy anywhere.

Frontend preview

The RonitVerse home page, including the introduction, profile card, and vertical profile directory.

Highlights

• Professional, responsive single-page design
• Clean vertical directory of profile links with recognisable platform icons
• Dedicated personal profile card with portrait image
• Direct access to five separate GitHub accounts
• Coding and developer-community profiles in one place
• Social, video, and community channels included
• Email contact call-to-action
• Simple configuration: update content from one JavaScript section

Explore RonitVerse

Category	Destination
Portfolio	rsr-portfolio.vercel.app
Main GitHub	@Ronit049
LinkedIn	Ronit Raj
HackerRank	@ronitrajrsr0409
LeetCode	@yBq8461NBG
HackerEarth	@ronitrajrsr0409
Stack Overflow	Ronit Raj
X	@its_rsr04
YouTube	@its_rsr049
Instagram	@theronitraj

The website includes additional GitHub, Instagram, Pinterest, Facebook, and WhatsApp Channel links.

Technology

Layer	Tools
Structure	Semantic HTML5
Styling	Modern CSS3, responsive media queries, custom properties
Interaction	Vanilla JavaScript
Icons	Font Awesome
Hosting	Ready for GitHub Pages, Vercel, Netlify, or any static host

Project structure

RonitVerse/
├── assets/
│   └── ronit-raj.jpg       # Profile portrait
│   └── ronitverse-frontend-preview.png  # README frontend preview
├── index.html              # Complete site: structure, styling, and link data
└── README.md               # Project documentation

Run locally

No installation is required.

1. Clone the repository:

   git clone https://github.com/Ronit049/RonitVerse.git

2. Open the project folder:

   cd RonitVerse

3. Open index.html in any modern browser.

For a live-reload development experience, open the folder in VS Code and use a static-server extension such as Live Server.

Customize the website

All personal content is intentionally centralised near the bottom of index.html.

Update profile information

Edit the profile object to change the display name, initials, role, or email address:

const profile = {
  name: "RONIT RAJ",
  initials: "RR",
  role: "Developer · Creator · Problem Solver",
  email: "ronitrajrsr0409@gmail.com"
};

Add, remove, or edit links

Each card in the directory comes from the links array. Update a URL, change its label, or add a new platform by following this pattern:

{
  name: "Platform name",
  handle: "platform.com/your-handle",
  url: "https://platform.com/your-handle",
  icon: "ICON_KEY",
  color: "#2563eb"
}

The iconMap object underneath the array maps each ICON_KEY to its Font Awesome icon class.

Replace the profile photo

Replace assets/ronit-raj.jpg with a new image using the same filename, or update the image path in index.html. A square or portrait photo works best because the site displays it in a circular frame.

Deployment

RonitVerse is a static site and can be deployed without a server.

GitHub Pages

1. Open the repository on GitHub.
2. Go to Settings → Pages.
3. Under Build and deployment, select Deploy from a branch.
4. Choose the main branch and the / (root) folder.
5. Save the settings. GitHub will provide a public website URL after deployment.

Vercel or Netlify

Import this repository in Vercel or Netlify. Both platforms detect static HTML automatically; no build command is needed.

Contact

• Email: ronitrajrsr0409@gmail.com
• Portfolio: rsr-portfolio.vercel.app
• GitHub: @Ronit049
• LinkedIn: Ronit Raj

---

Designed and maintained by Ronit Raj.