David Aslan – Developer Portfolio

Welcome to my personal portfolio website!
This site showcases my projects, experience, and skills as a developer, and provides an easy way to contact me.

🚀 About

This is a modern, responsive portfolio built with:

• React (TypeScript)
• TanStack Router for file-based routing
• Tailwind CSS for fast, utility-first styling
• shadcn/ui for accessible React components
• State management and data fetching with TanStack Store and TanStack Query
• Vite for lightning-fast development and production builds
• ESLint and Prettier for code quality and consistency
• Vitest for testing

You can browse my experience, see highlights from my projects, and use the contact form to reach out.

---

🗂️ Project Structure

• src/
  • components/ – Reusable React UI components
  • content.ts – Site content and copy
  • lib/ – Utilities and helper functions
  • main.tsx – Application entry point
  • routes/ – Page routes (file-based routing)
  • styles.css – Tailwind CSS styles
  • types/ – Type definitions
• public/ – Static assets (images, favicon, etc.)

---

🛠️ Getting Started

Clone the repo and install dependencies:

npm install

Run locally

npm run start

Visit http://localhost:3000 to view your site.

Build for production

npm run build

Run tests

npm run test

Lint and format

npm run lint
npm run format

---

🧑‍💻 Technologies

• React
• TypeScript
• TanStack Router
• TanStack Query
• TanStack Store
• Tailwind CSS
• shadcn/ui
• Vite
• Vitest
• ESLint & Prettier

---

✍️ Customizing & Extending

• Add new pages by creating files inside src/routes/.
• Add or edit components in src/components/.
• Update content and project data in src/content.ts.

---

📬 Contact

You can contact me directly through the site at davidaslan.dev or reach out via GitHub.

---

📝 License

This project is open source and available under the MIT License.

---