{"id":25130739,"url":"https://github.com/thecodermehedi/firecoder","last_synced_at":"2025-04-02T23:14:34.869Z","repository":{"id":195969925,"uuid":"691744555","full_name":"thecodermehedi/firecoder","owner":"thecodermehedi","description":"Learn to Code Smarter https://firecoder.vercel.app","archived":false,"fork":false,"pushed_at":"2025-01-20T03:20:30.000Z","size":380,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T13:18:24.284Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://dub.sh/firecoder","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thecodermehedi.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"License.md","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":"2023-09-14T19:51:29.000Z","updated_at":"2025-01-20T03:20:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"c010da26-c7d2-402d-977e-7e640b7374ff","html_url":"https://github.com/thecodermehedi/firecoder","commit_stats":null,"previous_names":["firecoder-org/website","thecodermehedi/firecoder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodermehedi%2Ffirecoder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodermehedi%2Ffirecoder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodermehedi%2Ffirecoder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodermehedi%2Ffirecoder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thecodermehedi","download_url":"https://codeload.github.com/thecodermehedi/firecoder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246905871,"owners_count":20852819,"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","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-02-08T13:18:26.103Z","updated_at":"2025-04-02T23:14:34.854Z","avatar_url":"https://github.com/thecodermehedi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"./public/icon.svg\" width=\"120\"\u003e\n\n\u003cimg src=\"./public/logo.svg\" width=\"410\"\u003e\n\n## Learn to Code Smarter\n\n[![wakatime](https://wakatime.com/badge/user/805ef0e4-46bb-49a3-bffc-fd6ca82758b5/project/4c506ebb-d530-4541-801b-480582871f90.svg)](https://wakatime.com/badge/user/805ef0e4-46bb-49a3-bffc-fd6ca82758b5/project/4c506ebb-d530-4541-801b-480582871f90)\n\n\u003c/div\u003e\n\n## 🌟 Features\n\n### 🎨 **Visually Enhanced Design** :\n\nI used **React** (JS Framework) with **Tailwind** (CSS Framework) and **daisyUI** (A Tailwind Component Library) to visually improved the design of this project. I researched and analyzed various _Name_ and _logo_ and _tagline_ for this project after that designed a logo and icon for this project.\n\n### 🔄 **Dynamic Data Management** :\n\nI used **useState** and **useEffect** hooks for _dynamic data management feature_.\nThis will allow users to select course and add it to bucket list and many more. For the `json` data i reseached and found some real data then i upscaled those resouces with ai tools then used opitimization tools to reduce size without loosing quality. After that i hosted those course thumbnails on **[imgur](https://devbytemehedi.imgur.com/all/)**\n\n### 📣 **Interactive Notifications** :\n\nI used `react-toast` package, for visually appealing and interactive toast notifications. Everytime user add or select an course it will show a _toast_ _notification_ saying added successfully if user try to add the same course more than once it will show a _toast_ _notification_ saying already added and lastly if user try cross credit limit it will show a _toast_ _notification_ saying credit limit reached.\n\n## How I managed the state in this assignment project ?\n\n**Answer**: In this assignment project, I implemented state management using React's **useState** hook.\nI used **useState** hook to primarily manage two types of data **Number** and **Array**. **Number** was used to update and track the price of the course, credit of the course and **Array** was used for Updating and tracking and managing course bucket list, Course Card Component.\n\n###  📄 **License**\n[MIT](./License.md) © [Mehedi Hasan](https://github.com/devbytemehedi)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodermehedi%2Ffirecoder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthecodermehedi%2Ffirecoder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodermehedi%2Ffirecoder/lists"}