Portfolio Template For Developers

Technology Used 🛠️

• Astro - web framework
• SASS - CSS Preprocessor
• Bootstrap - CSS Framework
• Bootstrap-icons - Icons Library
• Curtains js - WebGL JS Library
• Typed js - JS Library For Typed Effect
• AOS js - JS Library For Scroll Animation

Project Structure 📂

├── public
│ │ ├── img
│ │ ├── favicon.svg
├── src
│ ├── assets
│ │ ├── sass
│ │ ├── js
│ ├── components
│ ├── pages
│ └── data.json
├── LICENSE
├── .gitignore
├── astro.config.mjs
├── pnpm-lock.yaml
├── package.json
└── tsconfig.json
├── README.md

How To Use 🔧

📍If you want to use the previous version (html/vite) you can find it in this branch v1

Getting Started with This Template

To start using this template, follow these steps:

1. Fork Repository:

2. Edit Template:

   • Modify the data.json file and include your images.

3. Set Up Contact Form:

   Ensure the contact form functionality:

   • Create accounts on Email.js and IP Registry.
   • Create a .env file in the project root with the following variables:

     PUBLIC_EMAILJS_ID=your_emailjs_id
     PUBLIC_CONTACT_SERVICE=your_contact_service
     PUBLIC_TEMPLATE_ID=your_template_id
     PUBLIC_IP_API_KEY=your_ip_api_key
     

   • Replace your_emailjs_id, your_contact_service, your_template_id, and your_ip_api_key with your actual values.

4. Install Dependencies & Run Project:

pnpm install

pnpm dev

5. Deployment

You can easily deploy with Vercel or Netlify.

🎉 By following these steps, you'll be able to customize, run, and deploy this template effectively.

License 📄

This project is licensed under the MIT License - see the LICENSE.md file for details.

Sponsor 💛

Give a ⭐ if you like this project!