Here’s a ready-to-use README.md file you can save in your project root:
Personal portfolio website built with React + Vite and styled with plain CSS (no Tailwind).
Includes light/dark mode toggle and all resume sections: Experience, Projects, Research, Skills, Achievements, and Education.
- React 18
- Vite — fast dev server & bundler
- Plain CSS — custom theme with variables
- GitHub Pages / Vercel / Netlify — for deployment
un/ ├─ index.html ├─ package.json ├─ vite.config.js ├─ .gitignore ├─ README.md └─ src/ ├─ main.jsx ├─ App.jsx ├─ data.js ├─ styles.css └─ components/ ├─ Header.jsx ├─ Hero.jsx ├─ Section.jsx ├─ Experience.jsx ├─ Projects.jsx ├─ Research.jsx ├─ Achievements.jsx ├─ Skills.jsx ├─ Education.jsx ├─ Links.jsx └─ Footer.jsx
git clone https://github.com/aasim-syed/resu.me.git
cd resu.me
2. Install dependencies
npm install
3. Run dev server
npm run dev
App runs at 👉 http://localhost:5173
🏗 Build for Production
npm run build
npm run preview
🌗 Features
Responsive layout
Light/Dark mode toggle (saved in localStorage)
Resume content fully integrated via src/data.js
Sections: About • Experience • Projects • Research • Achievements • Skills • Education • Links • Contact
📦 Deployment
You can deploy on:
Vercel (zero config for Vite/React)
Netlify
GitHub Pages
For GitHub Pages:
npm run build
# then push the contents of /dist to gh-pages branch
✨ License
This project is open-sourced under the MIT License.
---