{"id":30737587,"url":"https://github.com/muhammadaliashraf/react-course-code","last_synced_at":"2025-09-03T21:18:38.940Z","repository":{"id":311480408,"uuid":"1042414878","full_name":"MuhammadAliashraf/react-course-code","owner":"MuhammadAliashraf","description":null,"archived":false,"fork":false,"pushed_at":"2025-08-24T17:56:18.000Z","size":34,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-24T22:03:47.166Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/MuhammadAliashraf.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":"2025-08-22T01:37:33.000Z","updated_at":"2025-08-24T17:56:22.000Z","dependencies_parsed_at":"2025-08-24T22:03:57.320Z","dependency_job_id":"c167325f-26ca-4845-957a-94518b64400d","html_url":"https://github.com/MuhammadAliashraf/react-course-code","commit_stats":null,"previous_names":["muhammadaliashraf/react-course-code"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/MuhammadAliashraf/react-course-code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2Freact-course-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2Freact-course-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2Freact-course-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2Freact-course-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuhammadAliashraf","download_url":"https://codeload.github.com/MuhammadAliashraf/react-course-code/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2Freact-course-code/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273511276,"owners_count":25118697,"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-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","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":[],"created_at":"2025-09-03T21:18:36.849Z","updated_at":"2025-09-03T21:18:38.928Z","avatar_url":"https://github.com/MuhammadAliashraf.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📘 Class Practice Repository\n\nWelcome to the **Class Practice Repository**! This repo will contain all the code, examples, mini-assignments, and practice work written during classes. It’s a single place to store, review, and track progress.\n\n\u003e **Note:** All official **class documents** (slides, notes, references) will be available on **Google Classroom**.\n\n---\n\n## ✨ At a Glance\n\n* Class practice code\n* Example snippets explained in class\n* Mini assignments / exercises\n* Experimentation \u0026 drafts\n* (Docs live on Google Classroom)\n\n---\n\n## ✅ Prerequisites\n\n* **Git** installed: `git --version`\n* A code editor (e.g., **VS Code**)\n* Programming languages/tools used in class (install as needed):\n\n  * **Node.js** for JavaScript/TypeScript\n  * **Python** (if we do Python lessons)\n  * **Java / JDK** or **C++** compilers (if needed)\n\n---\n\n## 🚀 Quick Start\n\n1. **Clone the repository**\n\n   ```bash\n   git clone \u003cYOUR-REPO-URL\u003e\n   cd \u003cyour-repo-folder\u003e\n   ```\n2. **Open in your editor** (e.g., VS Code)\n\n   ```bash\n   code .\n   ```\n3. **Create your first class folder** (see structure below) and start coding.\n4. **Commit \u0026 push** your changes\n\n   ```bash\n   git add .\n   git commit -m \"Add: first class practice\"\n   git push origin main\n   ```\n\n---\n\n## 🗂️ Recommended Folder Structure\n\n```\n.\n├── README.md\n├── 2025-08-22-intro/\n│   ├── README.md                # Notes for this class session\n│   ├── js/\n│   │   └── basics.js\n│   ├── python/\n│   │   └── basics.py\n│   └── assets/\n│       └── screenshot.png\n├── 2025-08-24-arrays-loops/\n│   ├── README.md\n│   └── js/\n│       └── arrays.js\n└── .gitignore\n```\n\n---\n\n## ➕ Add a New Class/Session (Step‑by‑Step)\n\n1. **Create a folder** using date + short topic:\n\n   ```bash\n   mkdir 2025-08-24-arrays-loops \u0026\u0026 cd $_\n   ```\n2. **Add a mini README** for that class (template below):\n\n   ```markdown\n   # Class: Arrays \u0026 Loops (2025-08-24)\n\n   ## Covered\n   - Arrays basics\n   - For/While loops\n   - Common pitfalls\n\n   ## Snippets\n   - See `js/arrays.js`\n\n   ## Homework / Practice\n   - Solve 5 array problems from sheet\n\n   ## Notes\n   - Any reminders here\n   ```\n3. **Add code files** inside language folders (create if missing), e.g. `js/`, `python/`, `java/`.\n4. **Stage, commit, and push**\n\n   ```bash\n   git add .\n   git commit -m \"Add: 2025-08-24 arrays \u0026 loops notes + code\"\n   git push origin main\n   ```\n\n---\n\n## ▶️ Run the Code (Common Languages)\n\n**JavaScript / Node.js**\n\n```bash\nnode path/to/file.js\n```\n\n**TypeScript** (transpile or use ts-node)\n\n```bash\nnpx ts-node path/to/file.ts\n```\n\n**Python**\n\n```bash\npython path/to/file.py\n```\n\n**Java**\n\n```bash\njavac Main.java \u0026\u0026 java Main\n```\n\n**C++**\n\n```bash\ng++ main.cpp -o app \u0026\u0026 ./app\n```\n\n\u003e Tip: If a class uses a specific tool (like `npm`, `pip`, or a framework CLI), add a short note in that class folder’s `README.md`.\n\n---\n\n## 🧭 Naming Conventions\n\n* **Folders:** `YYYY-MM-DD-topic` (e.g., `2025-08-24-arrays-loops`)\n* **Files:** `lowercase-with-dashes` or `camelCase` (consistent per language)\n* **Images/Assets:** put inside an `assets/` folder inside that class folder\n\n---\n\n## 🔀 Git Workflow (Solo)\n\n1. Pull latest changes\n\n   ```bash\n   git pull origin main\n   ```\n2. Make edits / add files\n3. Commit with clear messages\n\n   ```bash\n   git add .\n   git commit -m \"Add: \u003cdate-topic\u003e \u003cwhat you added\u003e\"\n   git push origin main\n   ```\n\n**Configure your Git identity once (if needed):**\n\n```bash\ngit config --global user.name \"Your Name\"\ngit config --global user.email \"you@example.com\"\n```\n\n---\n\n## 🤝 Contributions\n\nThis repo is primarily for personal/class use. If someone wants to contribute:\n\n1. Fork the repo\n2. Create a branch\n3. Open a Pull Request with a clear description\n\n---\n\n## 🧾 Google Classroom\n\nAll **official class documents** (slides, notes, PDFs, references) are posted on **Google Classroom**.\n\n* **Classroom Link:** \u003cPASTE-YOUR-GOOGLE-CLASSROOM-LINK-HERE\u003e\n* Check there for announcements, homework sheets, and grades.\n\n---\n\n## 🧰 Useful Tips\n\n* Keep each class in its own folder to stay organized.\n* Add a short `README.md` inside each class folder for quick recall later.\n* Don’t commit secrets or private keys (use `.gitignore`).\n* If you try new libraries, note the install commands in that class `README.md`.\n\n---\n\n## 🐞 Troubleshooting\n\n* **\"Permission denied\" or run issues:** ensure you’re in the right folder and the file exists.\n* **Node.js errors:** check Node version; run `node -v`.\n* **Python version:** `python --version` (or `python3`).\n* **Git push blocked:** run `git pull --rebase origin main` then push again.\n\n---\n\n## ❓ FAQ\n\n**Q: Where are the class slides and notes?**\nA: On **Google Classroom** (link above).\n\n**Q: Can I organize by week instead of by date?**\nA: Yes! Keep it consistent (e.g., `week-01-intro`).\n\n**Q: Can I mix languages in the same class folder?**\nA: Yes. Use subfolders like `js/`, `python/`, `java/` etc.\n\n---\n\n## 🪪 License\n\nChoose a license if you plan to make this public (e.g., MIT). Add a `LICENSE` file or update this section.\n\n---\n\n## 📬 Contact\n\nFor questions, reach out during class or via Google Classroom comments.\n\n---\n\n## (Optional) Badges\n\n\u003e Replace `USERNAME/REPO` with your GitHub repo path.\n\n[![Stars](https://img.shields.io/github/stars/USERNAME/REPO.svg)](https://github.com/USERNAME/REPO/stargazers)\n[![Forks](https://img.shields.io/github/forks/USERNAME/REPO.svg)](https://github.com/USERNAME/REPO/network/members)\n[![Issues](https://img.shields.io/github/issues/USERNAME/REPO.svg)](https://github.com/USERNAME/REPO/issues)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadaliashraf%2Freact-course-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammadaliashraf%2Freact-course-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadaliashraf%2Freact-course-code/lists"}