https://github.com/thecodermehedi/firecoder
Learn to Code Smarter https://firecoder.vercel.app
https://github.com/thecodermehedi/firecoder
Last synced: about 1 year ago
JSON representation
Learn to Code Smarter https://firecoder.vercel.app
- Host: GitHub
- URL: https://github.com/thecodermehedi/firecoder
- Owner: thecodermehedi
- License: mit
- Created: 2023-09-14T19:51:29.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-20T03:20:30.000Z (over 1 year ago)
- Last Synced: 2025-02-08T13:18:24.284Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://dub.sh/firecoder
- Size: 371 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: License.md
Awesome Lists containing this project
README
## Learn to Code Smarter
[](https://wakatime.com/badge/user/805ef0e4-46bb-49a3-bffc-fd6ca82758b5/project/4c506ebb-d530-4541-801b-480582871f90)
## 🌟 Features
### 🎨 **Visually Enhanced Design** :
I 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.
### 🔄 **Dynamic Data Management** :
I used **useState** and **useEffect** hooks for _dynamic data management feature_.
This 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/)**
### 📣 **Interactive Notifications** :
I 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.
## How I managed the state in this assignment project ?
**Answer**: In this assignment project, I implemented state management using React's **useState** hook.
I 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.
### 📄 **License**
[MIT](./License.md) © [Mehedi Hasan](https://github.com/devbytemehedi)