diff --git a/src/App.jsx b/src/App.jsx
index dbd25f4..3b1553e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,8 +1,12 @@
-import './App.css'
+import './App.css';
+import Header from './components/Header';
 
 function App() {
+
+
   return (
     <div className="card">
+        <Header />
       <h1>Hello React</h1>
       <p>This is a clean React + Vite project.</p>
       <button onClick={() => alert('Clicked!')}>Click Me</button>
diff --git a/src/CONTRIBUTING.md b/src/CONTRIBUTING.md
new file mode 100644
index 0000000..d85b489
--- /dev/null
+++ b/src/CONTRIBUTING.md
@@ -0,0 +1,8 @@
+# Contributing to vite-react-starter
+
+Thank you for helping improve this project! 🚀
+
+## 🧾 How to Contribute
+
+1. Fork the repo on GitHub
+2. Clone it:
diff --git a/src/README.md b/src/README.md
new file mode 100644
index 0000000..46b92a6
--- /dev/null
+++ b/src/README.md
@@ -0,0 +1,21 @@
+# vite-react-starter
+
+A simple, fast, and clean **Vite + React** starter project — ready for contributions.
+
+## 🚀 Features
+
+- ⚡ Vite for fast dev & build
+- ⚛️ React 18+
+- 🎨 Plain CSS (no frameworks)
+- 🧼 Clean structure for beginners
+- 🧪 Ready for enhancements
+
+---
+
+## 🛠 Installation
+
+```bash
+git clone https://github.com/nnoonnnn/vite-react-starter.git
+cd vite-react-starter
+npm install
+npm run dev
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
new file mode 100644
index 0000000..bb9f259
--- /dev/null
+++ b/src/components/Header.jsx
@@ -0,0 +1,6 @@
+
+  
+  function Header() {
+  return <h1>Welcome to Vite React Starter!</h1>;
+}
+export  default  Header
\ No newline at end of file