{"id":28492768,"url":"https://github.com/jeanmachuca/qcobjects-web-2025","last_synced_at":"2026-05-05T11:33:47.794Z","repository":{"id":260558391,"uuid":"881656823","full_name":"jeanmachuca/qcobjects-web-2025","owner":"jeanmachuca","description":"This is a website made from scratch using QCObjects + TailwindCSS + Esbuild + SASS","archived":false,"fork":false,"pushed_at":"2025-03-31T01:47:46.000Z","size":668,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-03T01:56:13.026Z","etag":null,"topics":["esbuild","qcobjects","sass","tailwindcss"],"latest_commit_sha":null,"homepage":"https://jeanmachuca.github.io/qcobjects-web-2025/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jeanmachuca.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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-11-01T01:28:34.000Z","updated_at":"2025-03-31T01:47:50.000Z","dependencies_parsed_at":"2024-11-01T02:25:34.691Z","dependency_job_id":"a21617d2-2e95-421c-b021-b59adfd8b825","html_url":"https://github.com/jeanmachuca/qcobjects-web-2025","commit_stats":null,"previous_names":["jeanmachuca/qcobjects-web-2025"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/jeanmachuca/qcobjects-web-2025","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanmachuca%2Fqcobjects-web-2025","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanmachuca%2Fqcobjects-web-2025/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanmachuca%2Fqcobjects-web-2025/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanmachuca%2Fqcobjects-web-2025/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeanmachuca","download_url":"https://codeload.github.com/jeanmachuca/qcobjects-web-2025/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanmachuca%2Fqcobjects-web-2025/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266567756,"owners_count":23949409,"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","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"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":["esbuild","qcobjects","sass","tailwindcss"],"created_at":"2025-06-08T08:31:33.351Z","updated_at":"2026-05-05T11:33:42.763Z","avatar_url":"https://github.com/jeanmachuca.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Setting Up and Using `qcobjects-web-2025`\n\n#### Prerequisites\n- Node.js and npm installed on your machine.\n- Basic understanding of JavaScript, TypeScript, HTML, and CSS.\n\n#### Step 1: Clone the Repository\nFirst, clone the repository (if you haven't already) and navigate to the project directory:\n```bash\ngit clone https://github.com/jeanmachuca/qcobjects-web-2025.git\ncd qcobjects-web-2025\n```\n\n#### Step 2: Install Dependencies\nInstall the necessary dependencies listed in the `package.json` file:\n```bash\nnpm install\n```\n\n#### Step 3: Project Structure\nEnsure your project structure looks something like this:\n```\nqcobjects-web-2025/\n├── src/\n│   ├── css/\n│   │   └── tailwind-source.css\n│   ├── img/\n│   ├── js/\n│   ├── scss/\n│   ├── templates/\n│   └── index.html\n├── browser/\n├── package.json\n└── ...\n```\n\n#### Step 4: Build the Project\nTo build the project, you can use the following npm scripts:\n\n1. **Build SASS**:\n   ```bash\n   npm run build:sass\n   ```\n   This command compiles your SCSS files into CSS.\n\n2. **Build Tailwind CSS**:\n   ```bash\n   npm run build:tailwind\n   ```\n   This command processes your Tailwind CSS source file.\n\n3. **Minify CSS**:\n   ```bash\n   npm run minify:css\n   ```\n   This command minifies your CSS files using `esbuild`.\n\n4. **Build for Browser**:\n   ```bash\n   npm run build:browser\n   ```\n   This command runs all the build steps, including copying necessary files to the `browser` directory and bundling JavaScript files.\n\n#### Step 5: Development Mode\nTo start the project in development mode with file watching, use:\n```bash\nnpm run start:dev\n```\nThis will watch for changes in the `src` directory and rebuild the project as needed.\n\n#### Step 6: Start the Server\nTo start the server and serve your project, use:\n```bash\nnpm run start\n```\nThis command builds the project and starts the `qcobjects-http-server`.\n\n#### Additional Notes\n- **File Watching**: The `npm-watch` package is configured to watch for changes in the `src` directory with specific extensions (`ts`, `html`, `css`). It will trigger the `start` script when changes are detected.\n- **Legacy Watch**: The `legacyWatch` option is enabled for compatibility with older file systems.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeanmachuca%2Fqcobjects-web-2025","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeanmachuca%2Fqcobjects-web-2025","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeanmachuca%2Fqcobjects-web-2025/lists"}