https://github.com/ar-sayeem/fullstack_developer_from_scratch_freecodecampdotorg
Daily fullstack practice repo. Learning HTML, CSS, JS, React, Node.js & more.
https://github.com/ar-sayeem/fullstack_developer_from_scratch_freecodecampdotorg
css3 git github html5 javascript nextjs nodejs react sql typescript
Last synced: about 5 hours ago
JSON representation
Daily fullstack practice repo. Learning HTML, CSS, JS, React, Node.js & more.
- Host: GitHub
- URL: https://github.com/ar-sayeem/fullstack_developer_from_scratch_freecodecampdotorg
- Owner: ar-sayeem
- Created: 2026-02-03T17:19:55.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-06-07T00:34:52.000Z (about 1 month ago)
- Last Synced: 2026-06-07T03:31:35.008Z (about 1 month ago)
- Topics: css3, git, github, html5, javascript, nextjs, nodejs, react, sql, typescript
- Language: JavaScript
- Homepage:
- Size: 23.9 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
đ Fullstack Development â Daily Practice
My daily hands-on practice repo while learning fullstack web development from scratch.
---
## 𧊠Mini Projects
| Project Name | Techs | Live Link |
| :--------------------------------: | :-------------------------------------------------------------: | :-------------------------------------------------------------------------------------: |
| đĒĒ Business Card | ![HTML5][badge-html] ![CSS3][badge-css] | [![Live][live-netlify]](https://ars-business-card.netlify.app/) |
| âŠī¸ Anime Verse | ![HTML5][badge-html] ![CSS3][badge-css] | [![Live][live-netlify]](https://ars-animeverse.netlify.app/) |
| đ Basketball Scoreboard | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![Live][live-netlify]](https://ars-basketball-scoreboard.netlify.app/) |
| đ Blackjack Game | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![Live][live-netlify]](https://ars-blackjack-game.netlify.app/) |
| âī¸ Emoji Fighter | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![Live][live-netlify]](https://ars-emoji-fighter.netlify.app/) |
| đ Fruit Sorter | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![Live][live-netlify]](https://ars-fruit-sorter.netlify.app/) |
| đ Password Generator | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![Live][live-netlify]](https://ars-password-generator.netlify.app/) |
| 𧊠Tabs Tracker (Chrome Extension) | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![GitHub][badge-github]](https://github.com/ar-sayeem/Tabs_Tracker_a_chrome_extension) |
| đĸ Unit Converter | ![HTML5][badge-html] ![CSS3][badge-css] ![JavaScript][badge-js] | [![Live][live-netlify]](https://ars-unitconverter.netlify.app/) |
---
## đ ī¸ Tech Stack
![HTML5][badge-html]
![CSS3][badge-css]
![JavaScript][badge-js]
![Git][badge-git]
![GitHub][badge-github]
![Node.js][badge-node]
![SQL][badge-sql]
![React][badge-react]
![TypeScript][badge-ts]
![Next.js][badge-next]
---
## đ Credits
> All credit for the curriculum, teaching, and content goes to the original creators. This repo is only my practice.
| Creator | Role | Link |
| :------------------: | :--------------------------------------: | :---------------------------------------------------: |
| **freeCodeCamp.org** | YouTube Channel â Published the Tutorial | [đŦ YouTube â](https://www.youtube.com/@freecodecamp) |
| **Scrimba** | Course Creator & Interactive Content | [đ Scrimba â](https://scrimba.com) |
---
## đ Links
| What | Where |
| :-------------------- | :------------------------------------------------------------------------------------------------------------------- |
| đŦ Video Tutorial | [Become a Fullstack Developer from Scratch](https://www.youtube.com/watch?v=LzMnsfqjzkA&t=4s) â freeCodeCamp YouTube |
| đ Interactive Course | [Scrimba Fullstack Path](https://scrimba.com/fullstack-path-c0) |
---
## đ About
This repo is **only my daily practice and exercises** while following along with the course above.
It is not a tutorial or course itself. If you want to learn, head to the [original video on freeCodeCamp YouTube](https://www.youtube.com/watch?v=LzMnsfqjzkA&t=4s) and [Scrimba](https://scrimba.com) â they are the real source. đ
[badge-html]: https://img.shields.io/badge/HTML5-E34C26?style=flat-round&logo=html5&logoColor=white
[badge-css]: https://img.shields.io/badge/CSS3-264653?style=flat-round&logo=css3&logoColor=white
[badge-js]: https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-round&logo=javascript&logoColor=000
[badge-git]: https://img.shields.io/badge/Git-F05032?style=flat-round&logo=git&logoColor=white
[badge-github]: https://img.shields.io/badge/GitHub-181717?style=flat-round&logo=github&logoColor=white
[badge-chrome]: https://img.shields.io/badge/Chrome_Extension-4285F4?style=flat-round&logo=googlechrome&logoColor=white
[badge-api]: https://img.shields.io/badge/REST_API-005571?style=flat-round&logo=fastapi&logoColor=white
[badge-cli]: https://img.shields.io/badge/Command_Line-4EAA25?style=flat-round&logo=gnubash&logoColor=white
[badge-node]: https://img.shields.io/badge/Node.js-68A51C?style=flat-round&logo=nodedotjs&logoColor=white
[badge-sql]: https://img.shields.io/badge/SQL-F46B45?style=flat-round&logoColor=white
[badge-react]: https://img.shields.io/badge/React-61DAFB?style=flat-round&logo=react&logoColor=000
[badge-ts]: https://img.shields.io/badge/TypeScript-3178C6?style=flat-round&logo=typescript&logoColor=white
[badge-next]: https://img.shields.io/badge/Next.js-000000?style=flat-round&logo=nextdotjs&logoColor=white
[live-demo]: https://img.shields.io/badge/Live-Demo-00C853?style=flat-round&logo=google-chrome&logoColor=white
[live-netlify]: https://img.shields.io/badge/Live-Netlify-00C7B7?style=flat-round&logo=netlify&logoColor=white