- 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
βββ 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
πIf you want to use the previous version (html/vite) you can find it in this branch v1
To start using this template, follow these steps:
-
Fork Repository:
-
Edit Template:
- Modify the
data.json
file and include your images.
- Modify the
-
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
, andyour_ip_api_key
with your actual values.
-
Install Dependencies & Run Project:
pnpm install
pnpm dev
- 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.
This project is licensed under the MIT License - see the LICENSE.md file for details.
Give a β if you like this project!