{"id":20806657,"url":"https://github.com/fernando9200/buzzvel-website","last_synced_at":"2026-04-17T15:33:33.457Z","repository":{"id":254591718,"uuid":"846322547","full_name":"Fernando9200/buzzvel-website","owner":"Fernando9200","description":"This project is a responsive and animated microsite built with React.js and CSS, designed to demonstrate my front-end development skills.","archived":false,"fork":false,"pushed_at":"2024-09-02T14:43:58.000Z","size":6819,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-04T00:05:30.929Z","etag":null,"topics":["css","cypress","javascript","react-helmet","tsparticles","vite"],"latest_commit_sha":null,"homepage":"https://fernando-carretto-buzzvel.vercel.app/","language":"JavaScript","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/Fernando9200.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":"2024-08-23T01:02:05.000Z","updated_at":"2024-09-02T14:47:34.000Z","dependencies_parsed_at":"2024-08-29T16:47:59.462Z","dependency_job_id":"7414f1cd-80b7-4abc-a889-6a5ddbd0b7c9","html_url":"https://github.com/Fernando9200/buzzvel-website","commit_stats":null,"previous_names":["fernando9200/buzzvel-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Fernando9200/buzzvel-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fbuzzvel-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fbuzzvel-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fbuzzvel-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fbuzzvel-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fernando9200","download_url":"https://codeload.github.com/Fernando9200/buzzvel-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fbuzzvel-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31934349,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T12:37:54.787Z","status":"ssl_error","status_checked_at":"2026-04-17T12:37:25.095Z","response_time":62,"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":["css","cypress","javascript","react-helmet","tsparticles","vite"],"created_at":"2024-11-17T19:23:10.272Z","updated_at":"2026-04-17T15:33:33.439Z","avatar_url":"https://github.com/Fernando9200.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Overview\n\nThis project is a responsive and animated microsite built with React.js and CSS, designed to demonstrate my front-end development skills. The site is designed to be fully responsive and includes various animations to enhance the user experience. The microsite showcases my experience, motivations, and projected career timeline. It also includes E2E tests to ensure the application's responsiveness and functionality across both desktop and mobile devices.\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/40072c59-2b0d-421c-8f20-fa264b07739c\" alt=\"about\" style=\"display: block; margin: 20px auto;\" width=\"900\" /\u003e\n\u003c/div\u003e\n\n\n## Features\n\n- **Responsive Design:** Fully responsive layout for all screen sizes, including mobile devices.\n- **Interactive Animations:** Includes particle animations, typewriter effects, and other interactive elements.\n- **SEO Optimized:** Metadata and Open Graph tags included for better search engine indexing and social media sharing.\n- **Modern Design:** Clean and modern design with a focus on user experience.\n- **End-to-End Testing:** Cypress tests included to ensure the application works as expected on both desktop and mobile devices.\n\n## Technologies Used\n\n- **React:** For building the user interface.\n- **Vite:** For development and build tooling.\n- **tsparticles:** For particle animations on the landing page.\n- **react-slick \u0026 slick-carousel:** For the portfolio slider.\n- **react-helmet:** For managing the document head.\n- **CSS3:** For styling and animations.\n- **Cypress:** For end-to-end testing.\n\n## Screenshots\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/3b122b89-9966-4e3a-9df2-2365894eee0f\" alt=\"about\" style=\"display: block; margin: 20px auto;\" width=\"900\" /\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/5f5126b2-1e9f-457c-9828-77661e23eaf5\" alt=\"buzzvel-projects\" style=\"display: block; margin: 20px auto;\" width=\"900\" /\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003cdiv\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/5f29d058-d2eb-412a-b803-c37949750103\" alt=\"projected-timeline\" style=\"display: block; margin: 20px auto;\" width=\"900\" /\u003e\n\u003c/div\u003e\n\n## Video Demonstration\n\nhttps://github.com/user-attachments/assets/ed5ce24f-afe9-455e-8cc4-9e481c33e28a\n\n## Installation and Setup\n\nTo run this project locally, follow these steps:\n\n1. **Clone the repository:**\n   \n   ```bash\n   git clone https://github.com/Fernando9200/buzzvel-website.git\n   cd buzzvel-website\n   ```\n3. **Install dependencies:**\n   \n   ```bash\n   npm install\n   ```\n5. **Run the development server:**\n   \n   ```bash\n   npm run dev\n   ```\n7. **To run the Application with Docker:**\n   \n   ```bash\n   docker-compose up --build\n   ```\n   The application will be available at `http://localhost:5173`.\n\n## To run the Cypress tests locally:\n\n1. **Install Cypress:**\n   \n   ```bash\n   npm install cypress --save-dev\n   ```\n2. **Run the Cypress tests:**\n   \n   ```bash\n   npx cypress run\n   ```\n## Contact\nIf you have any questions, need assistance, or want to discuss anything related to this project, feel free to reach out to me at `fernando91.sosa@hotmail.com`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffernando9200%2Fbuzzvel-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffernando9200%2Fbuzzvel-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffernando9200%2Fbuzzvel-website/lists"}