{"id":44590671,"url":"https://github.com/webflow/codeflow","last_synced_at":"2026-02-14T07:05:28.864Z","repository":{"id":336738442,"uuid":"1069256169","full_name":"webflow/codeflow","owner":"webflow","description":null,"archived":false,"fork":false,"pushed_at":"2026-02-05T22:26:50.000Z","size":120,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-06T08:41:16.080Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webflow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-03T16:34:24.000Z","updated_at":"2026-02-05T22:26:54.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/webflow/codeflow","commit_stats":null,"previous_names":["webflow/codeflow"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/webflow/codeflow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webflow%2Fcodeflow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webflow%2Fcodeflow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webflow%2Fcodeflow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webflow%2Fcodeflow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webflow","download_url":"https://codeload.github.com/webflow/codeflow/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webflow%2Fcodeflow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29438996,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T05:24:35.651Z","status":"ssl_error","status_checked_at":"2026-02-14T05:24:34.830Z","response_time":53,"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":"2026-02-14T07:05:27.757Z","updated_at":"2026-02-14T07:05:28.856Z","avatar_url":"https://github.com/webflow.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"./webflow.svg\"\u003e\n    \u003cimg alt=\"Webflow\" src=\"./webflow.svg\" width=\"300\"\u003e\n  \u003c/picture\u003e\n\u003c/div\u003e\n\n# Codeflow\n\nA specialized coding interview environment designed for structured technical assessments.\n\n\n## 🎯 For Interview Candidates\n\nIf you've received this link for a technical interview, follow these steps to set up your environment:\n\n### Quick Setup (\u003c5 minutes)\n\n1. **Prerequisites**\n   - Node.js (v14 or higher) - [Download here](https://nodejs.org/)\n   - npm (v6 or higher) - comes with Node.js\n\n2. **Installation**\n   ```bash\n   # Clone or extract the project to your local machine\n   # Open a terminal in the project directory\n\n   # Install dependencies (this may take a minute)\n   npm install\n\n   # Start the development server\n   npm start\n   ```\n\n3. **Access the Interview Environment**\n   - Once started, open your browser to: **`http://localhost:8080`**\n   - You should see the Codeflow interface ready for your interview\n\n### During Your Interview\n\nYour interviewer will provide you with a `.zip` file containing the coding challenge:\n\n1. **Extract** the pattern's `.zip` file to your computer\n2. **Drag and drop** the extracted folder into the `src/interviews` directory\n3. The challenge will **automatically appear** in the interface\n4. **Click on the pattern** to begin coding\n\n#### Interface Features\n- **Clean Design** - Focus on your code without distractions\n- **Instructions** - Access requirements and tips anytime\n- **Responsive** - Works great on any screen size\n\n#### Your Workflow\n1. Review the requirements in the Instructions panel\n2. Implement your solution in the provided React component\n3. Test your work as you go\n4. Ask questions if you need clarification\n\n\n#### Tips for Success\n- **Read all instructions carefully** before starting\n- **Ask questions** if requirements are unclear\n- **Focus on clean, readable code** over complex solutions\n- **Test your implementation** as you build\n- **Think about user experience** and edge cases\n\n**Good luck with your interview!** 🚀\n\n---\n\n## 👥 For Contributors \u0026 everyone else\n\nWelcome to Codeflow! This is an open-source shell for conducting structured technical interviews where candidates can code in their own environemnt, and use the AI tools they prefer. \n\n### What is Codeflow?\n\nCodeflow is a React-based interview platform that provides:\n- A clean, distraction-free coding environment\n- Support for multiple interview patterns and challenges\n- Extensible architecture for custom interview formats\n\n\n### Project Structure\n\n```\ncodeflow/\n├── src/\n│   ├── components/       # UI components\n│   ├── interviews/      # Interview patterns \u0026 challenges. This directory should NOT contain interviews at the repository level.\n│   ├── hooks/          # Custom React hooks\n│   └── lib/            # Utility functions\n├── public/             # Static assets\n└── package.json        # Dependencies\n```\n\n### Getting Started\n\n```bash\n# Clone the repository\ngit clone git@github.com:webflow/codeflow.git\ncd codeflow\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm start\n\n# Build for production\nnpm run build\n```\n\n### Creating Interview Patterns\n\nInterview patterns are modular challenges that can be loaded dynamically. See [src/interviews/README.md](./src/interviews/README.md) for detailed pattern creation guidelines.\n\n### Contributing\n\nWe welcome contributions! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.\n\n### License\n\nThis project is licensed under the Apache License 2.0 - see the [LICENSE](./LICENSE) file for details.\n\n---\n\n## 📚 Additional Resources\n\n- [Interview Pattern Documentation](./src/interviews/README.md)\n- [Contributing Guidelines](./CONTRIBUTING.md)\n\n## 🤝 Support\n\nFor issues or questions:\n- **Candidates**: Contact your interviewer or recruiting team\n- **Contributors**: Open an issue on GitHub or check existing discussions","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebflow%2Fcodeflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebflow%2Fcodeflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebflow%2Fcodeflow/lists"}