{"id":19092813,"url":"https://github.com/basedhound/hua-astro_react","last_synced_at":"2026-04-13T00:08:03.681Z","repository":{"id":211075995,"uuid":"728139668","full_name":"basedhound/hua-astro_react","owner":"basedhound","description":"First experience with the Astro framework. Simple portfolio concept for a graphic artist. I used React, TypeScript, Astro, Tailwind CSS, and Framer Motion to create a visually engaging site.","archived":false,"fork":false,"pushed_at":"2024-08-06T10:58:13.000Z","size":2260,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-02T23:17:48.573Z","etag":null,"topics":["astro","framer-motion","react","tailwind","typescript"],"latest_commit_sha":null,"homepage":"https://hua-astro-fv.netlify.app","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/basedhound.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-06T10:09:00.000Z","updated_at":"2024-08-18T10:53:27.000Z","dependencies_parsed_at":"2024-07-17T12:14:36.322Z","dependency_job_id":"c4465a35-e859-4740-962a-62e10d293192","html_url":"https://github.com/basedhound/hua-astro_react","commit_stats":null,"previous_names":["basedhound/hua-test_astro","basedhound/hua-astro_react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fhua-astro_react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fhua-astro_react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fhua-astro_react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fhua-astro_react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/basedhound","download_url":"https://codeload.github.com/basedhound/hua-astro_react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240142764,"owners_count":19754633,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["astro","framer-motion","react","tailwind","typescript"],"created_at":"2024-11-09T03:22:09.301Z","updated_at":"2026-04-13T00:08:03.639Z","avatar_url":"https://github.com/basedhound.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://hua-astro-fv.netlify.app\" target=\"_blank\"\u003e\n      \u003cimg src=\"public/design/preview.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003ch3 align=\"center\"\u003eHua - Astro Test\u003c/h3\u003e\n\u003c/div\u003e\n\n##  \u003cbr /\u003e 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n- ✨ [Introduction](#introduction)\n- ⚙️ [Tech Stack](#tech-stack)\n- 📝 [Features](#features)\n- 🚀 [Quick Start](#quick-start)\n\n##  \u003cbr /\u003e \u003ca name=\"introduction\"\u003e✨ Introduction\u003c/a\u003e\n\n**[EN]** This project is a test and my first experience with the Astro framework. It showcases a simple portfolio concept for a graphic artist. I used React, TypeScript, Astro, Tailwind CSS, and Framer Motion to create a visually engaging and interactive site.\n\n**[FR]** Ce projet est un test et ma première expérience avec le framework Astro. Il présente un concept simple de portfolio pour un artiste graphique. J'ai utilisé React, TypeScript, Astro, Tailwind CSS et Framer Motion pour créer un site visuellement attrayant et interactif.\n\n##  \u003cbr /\u003e \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- [**Astro**](https://docs.astro.build/en/getting-started/) is a modern static site generator designed for speed. It allows you to build websites faster with its optimized build process that ships zero JavaScript by default. Astro supports multiple frontend frameworks, including React, Vue, and Svelte, enabling you to use your favorite tools. It also offers powerful features like server-side rendering, partial hydration, and a straightforward component-based architecture, making it ideal for building highly performant static websites and applications.\n\n- [**React**](https://react.dev/reference/react) is a popular JavaScript library for building user interfaces, particularly single-page applications where data changes over time. React's component-based architecture allows developers to create reusable UI components, making development more efficient and the codebase easier to maintain. \n\n- [**TypeScript**](https://www.typescriptlang.org/docs/) is a statically typed superset of JavaScript that allows for early detection of errors and more robust, maintainable code. TypeScript's type system helps developers catch mistakes early during the development process, ensuring a more stable and reliable application.\n\n- [**Framer Motion**](https://www.framer.com/motion/) is a React animation library designed for creating smooth, interactive animations and transitions. It simplifies complex animations with a straightforward API, supports gesture-based interactions, and offers physics-based animations for realistic motion effects.\n\n- [**Tailwind**](https://v2.tailwindcss.com/docs) is a utility-first CSS framework that speeds up UI development by providing a set of pre-built utility classes. It allows developers to quickly build custom designs without writing traditional CSS, promoting rapid prototyping and design consistency.\n\n\n## \u003cbr /\u003e \u003ca name=\"quick-start\"\u003e🚀 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n\u003cbr/\u003e**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n\u003cbr/\u003e**Cloning the Repository**\n\n```bash\ngit clone {git remote URL}\n```\n\n\u003cbr/\u003e**Installation**\n\nLet's install the project dependencies, from your terminal, run:\n\n```bash\nnpm install\n# or\nyarn install\n```\n\n\u003cbr/\u003e**Running the Project**\n\nInstallation will take a minute or two, but once that's done, you should be able to run the following command:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [`http://localhost:3000`](http://localhost:3000) in your browser to view the project.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fhua-astro_react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbasedhound%2Fhua-astro_react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fhua-astro_react/lists"}