https://github.com/islamsamy214/islamsamy214.github.io
A responsive Nuxt3 portfolio with server-side rendering and TailwindCSS integration.
https://github.com/islamsamy214/islamsamy214.github.io
frontend javascript nuxt nuxt3 open-source port vue vue3 web webdevelopment
Last synced: 3 months ago
JSON representation
A responsive Nuxt3 portfolio with server-side rendering and TailwindCSS integration.
- Host: GitHub
- URL: https://github.com/islamsamy214/islamsamy214.github.io
- Owner: islamsamy214
- License: apache-2.0
- Created: 2023-03-29T21:54:51.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-13T14:39:11.000Z (over 1 year ago)
- Last Synced: 2025-03-13T15:34:53.716Z (over 1 year ago)
- Topics: frontend, javascript, nuxt, nuxt3, open-source, port, vue, vue3, web, webdevelopment
- Language: Vue
- Homepage: https://islamsamy214.github.io/
- Size: 12.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Nuxt3 Portfolio
[](https://nuxtjs.org/)
[](https://vuejs.org/)
[](https://tailwindcss.com/)
Welcome to my open-source portfolio built with the powerful **Nuxt3** framework! This project showcases my skills and projects in a sleek and responsive manner, leveraging the cutting-edge features of Nuxt3 and Vue.js.
## 🚀 Features
- **Server-Side Rendering (SSR)**: Enjoy lightning-fast initial load times and improved SEO with Nuxt3's server-side rendering capabilities.
- **Modular Architecture**: Easily maintain and scale your application with Nuxt3's modular and organized structure.
- **TailwindCSS Integration**: Styling made easy with the utility-first CSS framework, TailwindCSS.
- **Parallaxy Effects**: Add a touch of interactivity with smooth parallax effects using `@lucien144/vue3-parallaxy`.
- **Icons with Nuxt-Icon**: Easily incorporate SVG icons with the `nuxt-icon` module.
- **Sitemap and Robots.txt**: Improve SEO with automatically generated `sitemap.xml` and `robots.txt` files.
## 🌐 Live Demo
Check out the live demo of my portfolio at [islamsamy214.github.io](https://islamsamy214.github.io).
## 🛠 Installation
1. Clone the repository:
```bash
git clone https://github.com/islamsamy214/islamsamy214.github.io nuxt3-portfolio
```
2. Navigate to the project directory:
```bash
cd nuxt3-portfolio
```
3. Install dependencies:
```bash
npm install
```
4. Copy .env.example to .env:
```bash
cp .env.example .env
```
5. Start the development server:
```bash
npm run dev
```
6. Open your browser and visit `http://localhost:3000` to see the portfolio in action.
## 🌟 Contributing
Contributions are welcome! If you find any issues or want to add new features, please submit a pull request or open an issue on the repository.
## 📄 License
This project is licensed under the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0).
---
Feel free to customize the README further to better suit your project's needs. You can highlight important sections or add additional information as required.