{"id":21964288,"url":"https://github.com/websharkdev/theavatar","last_synced_at":"2026-04-10T12:32:16.921Z","repository":{"id":213107079,"uuid":"733032486","full_name":"websharkdev/theavatar","owner":"websharkdev","description":null,"archived":false,"fork":false,"pushed_at":"2023-12-18T12:47:47.000Z","size":2438,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-24T17:45:16.257Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://theavatar.vercel.app","language":"TypeScript","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/websharkdev.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,"zenodo":null}},"created_at":"2023-12-18T12:11:27.000Z","updated_at":"2024-02-24T01:03:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"a4c7f42f-d4c3-4613-96bf-e292c885e10c","html_url":"https://github.com/websharkdev/theavatar","commit_stats":null,"previous_names":["websharkdev/theavatar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/websharkdev/theavatar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websharkdev%2Ftheavatar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websharkdev%2Ftheavatar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websharkdev%2Ftheavatar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websharkdev%2Ftheavatar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/websharkdev","download_url":"https://codeload.github.com/websharkdev/theavatar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/websharkdev%2Ftheavatar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31642781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-11-29T12:04:18.893Z","updated_at":"2026-04-10T12:32:16.891Z","avatar_url":"https://github.com/websharkdev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Avatar\n\n![AVATAR](hhttps://i.ibb.co/HBszqjL/REACT-HERO.png)\n\nThis project was created specifically for The Avatar Factory and serves as the technical task for the Three.js Front-end Developer position. The main goal of this project is to display a model (Test Camila), apply animations, and showcase different emotions.\n\n## Technologies Used\n\n- [Next.js](https://nextjs.org/) - React framework for production.\n- [React](https://reactjs.org/) - A JavaScript library for building user interfaces.\n- [Three.js](https://threejs.org/) - A cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser.\n- [TypeScript](https://www.typescriptlang.org/) - A superset of JavaScript that adds static types to the language.\n- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework.\n- [Lamina](https://lamina.js.org/) - A declarative way of working with WebGL.\n- [Leva](https://leva.engine.gl/) - The first component input library for Vue and React.\n- [Next Cloudinary](https://github.com/transitive-bullshit/next-cloudinary) - Seamless Cloudinary image integration for Next.js.\n\n## Description\n\nOne of the challenges encountered in this project was the highly detailed model (200 MB) which affected optimization and loading speed. To address this, the model was compressed, resulting in a reduced size of 150 MB.\n\nAdditionally, a custom character was created and animated. With the help of AI, the text was converted to speech, and lip synchronization was added to the animation.\n\nSignificant effort was dedicated to optimization and reducing user waiting time. To achieve this, the avatar was exported without textures, and a special preloader was created to provide users with a preview of what they will see on the screen.\n\n## Getting Started\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/your-username/theavatar.git\ncd theavatar\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Run the development server:\n\n```bash\nnpm run dev\n```\n\nVisit [theavatar.vercel.app/](https://theavatar.vercel.app/) in your browser to experience the The Avatar\n\n## Scripts\n\n- `npm run build`: Build the production-ready application.\n- `npm start`: Start the production server.\n- `npm run lint`: Lint the codebase for consistent code style.\n\nFeel free to contribute and enhance the virtual exploration of this aviation marvel! 🚀🌐\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebsharkdev%2Ftheavatar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebsharkdev%2Ftheavatar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebsharkdev%2Ftheavatar/lists"}