|
1 | | -# Astro Starter Kit: Minimal |
| 1 | +# abdash.net — Personal Portfolio |
2 | 2 |
|
3 | | -```sh |
4 | | -npm create astro@latest -- --template minimal |
5 | | -``` |
| 3 | +Source for [abdash.net](https://abdash.net), the personal portfolio of **Abdulrahman Mahmutoglu** — Senior Frontend & AI Engineer. |
| 4 | + |
| 5 | +Built with [Astro](https://astro.build) as the static site framework, with interactive islands powered by React, Vue, and Svelte. |
6 | 6 |
|
7 | | -> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun! |
| 7 | +## ✨ Sections |
8 | 8 |
|
9 | | -## 🚀 Project Structure |
| 9 | +- **Hero** — intro with availability badge |
| 10 | +- **Experience** — animated timeline (React island) |
| 11 | +- **Projects** — filterable showcase (Svelte island) |
| 12 | +- **Skills** — grid with proficiency indicators (Vue island) |
| 13 | +- **AI** — AI & automation project highlights |
| 14 | +- **About / Contact** — bio and contact form |
10 | 15 |
|
11 | | -Inside of your Astro project, you'll see the following folders and files: |
| 16 | +## 🗂 Project Structure |
12 | 17 |
|
13 | 18 | ```text |
14 | | -/ |
15 | | -├── public/ |
16 | | -├── src/ |
17 | | -│ └── pages/ |
18 | | -│ └── index.astro |
19 | | -└── package.json |
| 19 | +src/ |
| 20 | +├── components/ |
| 21 | +│ ├── islands/ |
| 22 | +│ │ ├── ExperienceTimeline.tsx # React |
| 23 | +│ │ ├── ProjectsShowcase.svelte # Svelte |
| 24 | +│ │ └── SkillsGrid.vue # Vue |
| 25 | +│ └── *.astro # Static Astro components |
| 26 | +├── layouts/ |
| 27 | +│ └── MainLayout.astro |
| 28 | +├── pages/ |
| 29 | +│ └── index.astro |
| 30 | +└── styles/ |
| 31 | + └── global.css |
20 | 32 | ``` |
21 | 33 |
|
22 | | -Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. |
23 | | - |
24 | | -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. |
25 | | - |
26 | | -Any static assets, like images, can be placed in the `public/` directory. |
27 | | - |
28 | 34 | ## 🧞 Commands |
29 | 35 |
|
30 | | -All commands are run from the root of the project, from a terminal: |
31 | | - |
32 | | -| Command | Action | |
33 | | -| :------------------------ | :----------------------------------------------- | |
34 | | -| `npm install` | Installs dependencies | |
35 | | -| `npm run dev` | Starts local dev server at `localhost:4321` | |
36 | | -| `npm run build` | Build your production site to `./dist/` | |
37 | | -| `npm run preview` | Preview your build locally, before deploying | |
38 | | -| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | |
39 | | -| `npm run astro -- --help` | Get help using the Astro CLI | |
40 | | - |
41 | | -## 👀 Want to learn more? |
42 | | - |
43 | | -Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). |
| 36 | +| Command | Action | |
| 37 | +| :---------------- | :------------------------------------------ | |
| 38 | +| `npm install` | Install dependencies | |
| 39 | +| `npm run dev` | Start local dev server at `localhost:4321` | |
| 40 | +| `npm run build` | Build production site to `./dist/` | |
| 41 | +| `npm run preview` | Preview build locally before deploying | |
| 42 | + |
| 43 | +## 🛠 Tech Stack |
| 44 | + |
| 45 | +- **Astro** — static site generation with island architecture |
| 46 | +- **React** — experience timeline component |
| 47 | +- **Vue 3** — skills grid component |
| 48 | +- **Svelte 5** — projects showcase component |
| 49 | +- **TypeScript** — throughout |
| 50 | +- **GitHub Pages** — hosting via `abdash.net` custom domain |
0 commit comments