Welcome to the repository for aanir.com, a website built using various modern web technologies including Astro JS, Svelte, Tailwind CSS, GSAP for animations, and KeyStatic as the content management system.
aanir.com is a personal website/portfolio showcasing my work, projects, and interests. It aims to provide a visually appealing and interactive experience for visitors while effectively conveying information about myself and my work.
- Astro JS: Used as the primary framework for building the website, providing a seamless blend of static and dynamic content.
- Svelte: Utilized for creating interactive and reactive user interfaces, enhancing the user experience.
- Tailwind CSS: Used for styling the website, offering a utility-first approach for rapid development and customization.
- GSAP (GreenSock Animation Platform): Implemented for creating smooth and engaging animations throughout the website, enhancing its visual appeal.
- KeyStatic: Integrated as the content management system to manage and update the website's content efficiently.
- Responsive Design: The website is optimized for various screen sizes and devices, ensuring a consistent experience for all users.
- Interactive Elements: Utilizing Svelte components and GSAP animations, the website features interactive elements that engage visitors and enhance user interaction.
- Dynamic Content: Leveraging Astro JS and KeyStatic, the website seamlessly integrates static and dynamic content, providing a smooth browsing experience.
- Performance Optimization: The use of modern web technologies and best practices ensures fast loading times and optimal performance.
- Easy Content Management: With KeyStatic as the CMS, managing and updating website content is simple and straightforward.
To get started with the development or deployment of the website, follow these steps:
- Clone this repository to your local machine.
- Install dependencies using
npm install. - Customize the website content, styles, and functionality as needed.
- Test the website locally using
npm run dev. - Deploy the website to your preferred hosting platform.
Feel free to use this portfolio as a template for your own personal website or portfolio. You can modify and customize it according to your preferences and needs. Attribution is appreciated but not required.
- Astro JS: https://astro.build/
- Svelte: https://svelte.dev/
- Tailwind CSS: https://tailwindcss.com/
- GSAP (GreenSock Animation Platform): https://greensock.com/gsap/
- KeyStatic: https://www.keystatic.io/
This project is licensed under the MIT License - see the LICENSE file for details.
For any inquiries or support related to this project, feel free to contact Abu bakar anir at anirdms@gmail.com .