An open API service indexing awesome lists of open source software.

https://github.com/chiragchrg/portfolio

Welcome to ChiragChrg's portfolio website, your gateway to the dynamic world of full stack web development. Immerse yourself in the digital realm where my expertise in coding and design converges to create extraordinary online experiences.
https://github.com/chiragchrg/portfolio

astrojs chiragchrg gsap gsap-scrolltrigger personal-website portfolio preact pwa responsive seo seo-friendly seo-optimization tailwindcss typescript

Last synced: 5 months ago
JSON representation

Welcome to ChiragChrg's portfolio website, your gateway to the dynamic world of full stack web development. Immerse yourself in the digital realm where my expertise in coding and design converges to create extraordinary online experiences.

Awesome Lists containing this project

README

          

[![Netlify Status](https://api.netlify.com/api/v1/badges/530c2667-5dbc-4df3-824c-de37f975c833/deploy-status)](https://app.netlify.com/sites/chiragchrg/deploys)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

##### Created : 09/04/2023

# ChiragChrg | My Personal Portfolio | Fullstack Web Developer
Welcome to ChiragChrg's portfolio website, your gateway to the dynamic world of full stack web development. Immerse yourself in the digital realm where my expertise in coding and design converges to create extraordinary online experiences.

## ๐Ÿ’ป Preview
![Portfolio Preview](public/Mockup_Preview.png)

## ๐Ÿš€ Live Demo
Explore the live demo of the portfolio: [https://chiragchrg.netlify.app](https://chiragchrg.netlify.app).

### ๐Ÿšง Nightly Build in Progress
A new version of this portfolio is currently under active development. Itโ€™s not just a faceliftโ€”this build includes powerful new features meant for reuse and personalization:

- **Templatized Portfolio** โ€“ Easily fork and customize your own portfolio with minimal effort.
- **Custom Theme System** โ€“ Pick from multiple themes that adapt to your preferences, each with light and dark mode variants.
- **Quality Enhancements** โ€“ Includes performance tweaks, UI touch-ups, and subtle improvements all around.

Curious? Dive into the latest build here:
๐Ÿ”— **https://chiragchrg-nightly.netlify.app/**


## ๐Ÿ“š Tools and Tech Stack

The portfolio leverages the following technologies:


Astroโ€ƒ
Preact.jsโ€ƒ
TypeScriptโ€ƒ
TailwindCSSโ€ƒ
GSAPโ€ƒ

## ๐Ÿ—ผ LightHouse Audit
![LightHouse Audit Preview](public/LightHouse_Audit.jpg)

## ๐Ÿ› ๏ธ Installation and Setup

Follow these steps to run the project locally:

### Steps
1. Clone the repository:
```bash
git clone https://github.com/ChiragChrg/portfolio.git
```
2. Navigate to the project directory:
```bash
cd portfolio
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```

## ๐ŸŒŸ Features

- **Optimized Performance**: Built with Astro for lightning-fast load times.
- **Responsive Design**: Tailored for all devices using TailwindCSS.
- **Interactive Animations**: Powered by GSAP for smooth transitions.
- **SEO Friendly**: Enhanced visibility with Astro SEO integration.
- **Dynamic Components**: Utilizes Preact for modular and reusable UI elements.

## ๐Ÿ“„ License

This project is licensed under the [MIT License](LICENSE).
You may use, copy, modify, and distribute this project for any purpose, provided that you:

- Include the original copyright.
- Retain the MIT license in all copies or substantial portions of the software.
- Visible credit is given to **[ChiragChrg](https://github.com/ChiragChrg)** somewhere within your project (e.g., in the README, footer, or documentation).

Proper attribution helps acknowledge the effort invested in this project and upholds the values of integrity, transparency, and the openโ€‘source community.