In order to let beginners have projects to get started, I sorted out these 23 open source projects

Time:2022-5-9

Author: Miguel Nunez
Translator: front end Xiaozhi
Source: dev

Dream, dry goods, wechat search[move to the world]Pay attention to this dish brushing wisdom who is still doing dishes in the early morning.

This article GitHubhttps://github.com/qq449245884/xiaozhiIt has been included. There are complete test sites, materials and my series of articles for the interview of front-line large factories.

Many beginners will ask me from time to time, often watching videos or books and other tutorials, but it’s easy to forget if it’s useless for a long time. How do I solve this? This is really hard to solve, because I often do this. I mostly suggest doing more projects to consolidate my memory, but beginners are not good at more complex projects. So today, I share 25 open source projects that are easy to start for beginners. I hope they can be helpful to beginners. If you have time, you can refer to the examples yourself. If you don’t have ideas, you can see how to realize the source code. I believe you will be very fruitful.

1. Colors

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

2. Hex colors gradient

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

3. Random quote generator

GitHub: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

4. The message

github: https://github.com/iamcodefox…

Online demonstration example:https://dev.to/codefoxx/25-be…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

5. Counter

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

6. Image carousel

github: https://github.com/iamcodefoxx

Online demonstration example:https://github.com/iamcodefox…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

7. Digital clock

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

8. Calculator

github: https://github.com/iamcodefoxx

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

9. Grocery list

github: https://github.com/iamcodefox…

Online demonstration example:https://github.com/iamcodefox…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

10. Tip calculator

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

11. Flashcards

github: https://github.com/iamcodefoxx

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

12. To-do list

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

13. Sticky notes

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

14. Timer

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

15. Math

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

16. Unsplash API

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

17. Typewriter

github: https://github.com/iamcodefoxx

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

18. Square cards

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

19. Weather application

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

20. Wikipedia API

github: https://github.com/iamcodefoxx

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

21. Marvel API

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

22. Marvel API

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects

23. Recipe API

github: https://github.com/iamcodefox…

Online demonstration example:https://iamcodefoxx.github.io…

In order to let beginners have projects to get started, I sorted out these 23 open source projects


Original text:https://dev.to/codefoxx/25-be…

The bugs that may exist after the code is deployed cannot be known in real time. Afterwards, in order to solve these bugs, we spent a lot of time on log debugging. By the way, we recommend a useful bug monitoring toolFundebug

communication

The article is continuously updated every week. You can search “Daqian world” on wechat to read and urge more for the first time (one or two articles earlier than the blog). This article GitHubhttps://github.com/qq449245884/xiaozhiIt has been collected and many of my documents have been sorted out. Welcome to star and improve it. You can refer to the examination site for review during the interview. In addition, you can pay attention to the official account and reply from the backgroundwelfare, you can see the benefits, you know.

In order to let beginners have projects to get started, I sorted out these 23 open source projects