{"id":18868256,"url":"https://github.com/imoamo/figma-design-to-fully-responsive-web-page-development","last_synced_at":"2026-05-08T17:35:42.613Z","repository":{"id":253755555,"uuid":"844429980","full_name":"imoamo/Figma-Design-to-Fully-Responsive-Web-Page-Development","owner":"imoamo","description":"Converts a Figma design into a fully responsive web page using React, Chart.js, and CSS media queries to ensure detailed replication and optimal performance across different screen sizes.","archived":false,"fork":false,"pushed_at":"2024-08-19T08:57:37.000Z","size":28,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-30T16:26:54.911Z","etag":null,"topics":["chartjs","module-css","reactjs","responsive-web-design"],"latest_commit_sha":null,"homepage":"https://dancing-selkie-front1.netlify.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/imoamo.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":"2024-08-19T08:41:12.000Z","updated_at":"2025-05-02T04:19:40.000Z","dependencies_parsed_at":"2024-08-19T10:18:12.074Z","dependency_job_id":"08ed2441-98a0-4bb5-8830-451834578905","html_url":"https://github.com/imoamo/Figma-Design-to-Fully-Responsive-Web-Page-Development","commit_stats":null,"previous_names":["imoamo/figma-design-to-fully-responsive-web-page-development"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/imoamo/Figma-Design-to-Fully-Responsive-Web-Page-Development","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imoamo%2FFigma-Design-to-Fully-Responsive-Web-Page-Development","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imoamo%2FFigma-Design-to-Fully-Responsive-Web-Page-Development/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imoamo%2FFigma-Design-to-Fully-Responsive-Web-Page-Development/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imoamo%2FFigma-Design-to-Fully-Responsive-Web-Page-Development/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imoamo","download_url":"https://codeload.github.com/imoamo/Figma-Design-to-Fully-Responsive-Web-Page-Development/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imoamo%2FFigma-Design-to-Fully-Responsive-Web-Page-Development/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32790613,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["chartjs","module-css","reactjs","responsive-web-design"],"created_at":"2024-11-08T05:13:15.813Z","updated_at":"2026-05-08T17:35:42.567Z","avatar_url":"https://github.com/imoamo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Figma Design to Fully Responsive Web Page Development\n\nThis project converts a Figma design into a fully responsive web page. The design has been carefully replicated to ensure that no detail is overlooked, and the web page is optimized for different screen sizes using CSS media queries. The project utilizes React, Chart.js, and other modern web development technologies.\n\n## Screenshots\n\n### Screenshot 1\n![Screenshot 1](https://github.com/user-attachments/assets/3865755f-4907-41d0-96bf-9bd5c615abeb)\n\n### Screenshot 2\n![Screenshot 2](https://github.com/user-attachments/assets/0b7a904b-d296-4789-bf74-42dd2e4b9475)\n\n\n## Live Demo\n\nCheck out the live demo of the project [here](https://dancing-selkie-front1.netlify.app/).\n\n## Project Setup\n\nTo run this project locally, follow these steps:\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/imoamo/Figma-Design-to-Fully-Responsive-Web-Page-Development.git\n\n2. **Navigate to the project directory:**\n\n    ```bash\n    cd Figma-Design-to-Fully-Responsive-Web-Page-Development\n\n\n3. **Install dependencies:**\n\n   ```bash\n    npm install\n\n\n4. **Run the development server:**\n\n   ```bash\n    npm run dev\n\nThe project will be live at `http://localhost:5173`.\n\n\n## Technologies Used\n\n- **React**: A JavaScript library for building user interfaces.\n- **Chart.js**: A flexible JavaScript charting library used for visualizing data.\n- **CSS Media Queries**: To ensure the design is fully responsive across different screen sizes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimoamo%2Ffigma-design-to-fully-responsive-web-page-development","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimoamo%2Ffigma-design-to-fully-responsive-web-page-development","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimoamo%2Ffigma-design-to-fully-responsive-web-page-development/lists"}