r4tur1 — Personal Portfolio

A minimal, high end personal portfolio website built with HTML, CSS and JavaScript .

Live site → r4tur1.is-a.dev

---

About

This is my first public project and first GitHub repository.

I am currently a 1st year BTech student, passionate about technology and learning. This site serves as a portfolio and a reflection of my progress in web development.

---

What is Inside

r4tur1.github.io/
├── index.html          # Contains HTML
├── style.css           # Contains CSS (with enhanced animations)
├── script.js           # Contains JS (with improved interactivity)
├── README.md           # This file
├── logo.png            # Logo 
├── LICENSE             # MIT License

---

Sections

Section	Description
Hero	Introduction with name, tagline, and CTA buttons
About	Honest background — who I am and where I'm starting
Skills	Python, SQL, HTML, CSS, JavaScript — with honest levels
Projects	Current and upcoming work
Contact	GitHub, LinkedIn, X, and contact form (Formspree

---

Design System

The site has 2 themes available Forest and Midnight aesthetic.

Token	Value
Display font	Syne (Google Fonts)
Body font	Instrument Sans (Google Fonts)
Mono font	DM Mono (Google Fonts)

---

Tech Stack

• HTML5
• CSS3 (with advanced animations and transitions)
• Vanilla JavaScript (with scroll reveal and micro-interactions)
• Google Fonts (Syne, Instrument Sans, DM Mono)
• GitHub Pages
• Formspree (for contact form backend)
• Responsive Design (mobile-first approach)

---

Deployment

This site is deployed via GitHub Pages.

Steps to deploy your own fork:

1. Fork or clone this repo
2. Rename it to <your-username>.github.io
3. Go to Settings → Pages
4. Set source to main branch, root /
5. Save — your site will be live in ~60 seconds

---

Goals

• Master core web development technologies (HTML, CSS, JavaScript).
• Explore backend frameworks and database management.
• Contribute to open-source projects.
• Build impactful projects that solve real-world problems.

---

Roadmap

• Add description about project
• Add readme and future goals
• Portfolio v1 — initial release
• Theme toggle (Forest and Midnight)
• Smooth animations and cool effects when changing themes
• Contact form with backend integration (Formspree)
• Enhanced animations and micro-interactions
• Performance audit and optimisation
• Add more projects as they're built
• Implement a custom blog section using Markdown
• Integrate a dynamic dark/light mode based on system settings

---

Key Features

• Dual Theme System: Forest and Midnight themes with smooth animated transitions
• Scroll Reveal Animations: Staggered element reveals with blur-to-clear effect
• Micro-interactions: Hover effects with glow animations and scale transforms
• Responsive Design: Fully responsive layout for mobile, tablet, and desktop
• Contact Form: Working form with validation and Formspree integration
• Performance Optimized: Smooth animations with CSS transitions and requestAnimationFrame

Skills reflected in this project

Skills	Implemented for
HTML	Page structure, semantic elements, forms
CSS	Layout, typography, animations, responsive
JavaScript	Scroll detection, mobile nav, form handling
Git/GitHub	Version control, GitHub Pages deployment

---

License

MIT — see LICENSE for details.
Feel free to use this as a reference or starting point. Credit appreciated .... Thankyouu please leave a star if you like it !!

---

Contact

• GitHub: @r4tur1
• X / Twitter: @r4tur1
• LinkedIn: Aadtya Raturi

---