Sorted out 10 gao Xing creative projects and opened up ideas ✨
I developed the programming navigation: www.code-nav.cn
Hello everyone, I’m Yu PI, today I share some open source, interesting projects, the main purpose is to teach yourself programming, do not know what project friends some ideas inspiration.
The front end
windows11
Can run directly in the browser windows11 system! Both the interface and experience are highly restored to windows11. You can also browse the web and open VS Code to write Code, which is enough to see the author’s heart.
This project looks very impressive at first glance, but the actual technology used is not complicated, it is some mainstream front-end technology, through the way of iframe embedded web pages to achieve advanced functions such as knocking code tools. In addition, the project structure is clear and standardized, which is very suitable for preschool students to learn.
I specially recorded a video to show you the experience of the project and share the design ideas, welcome to watch ~
Video address: www.bilibili.com/video/BV1M6…
Technology stack: front-end React + CSS Modules
Difficulty: ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️
air-conditioner
Before the hot circle of friends cloud air conditioning project, in fact, is a small web page, so to achieve the true sense of portable ha ha.
Although there is only one page, this front-end project uses a lot of mainstream technology, and the author’s imagination and production of the degree of care is really impressive, open the small air conditioning will trigger the real air conditioning blowing sound, let me feel really cool down.
React + TypeScript + Sass + Redux + Material UI
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️
codelf
Help programmers to solve the problem of variable naming magic, you can input Chinese and English vocabulary, automatically recommended for you the appropriate English variable name.
But in fact, he just uses the translation plug-in to translate your Chinese input into English, and then uses English words to request SearchCode to get results.
Based on this principle, I also made an emoji search tool HahaLF, which can search emojis from “the whole web” with one click. The code is also open source
React + Gulp + Animate. CSS + SearchCode
Difficulty: ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️
bytemd
There are a lot of front-end rich text editors out there, but few are really good and free.
Bytemd is byteDance’s open source front-end rich text editor component, which is consistent with the nuggets writing style, supports both Markdown and dumb manipulation, supports multiple themes, and has a plug-in design that allows developers to customize rich text editors on demand.
Most importantly, it supports both native and major front-end frameworks (even Svelte), so it’s practical and easy to learn.
Technology stack: front end Vue, React, Svelte + TypeScript + Rollup
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Java
Java projects on the Internet are all the same, such as shopping mall, blog, and various management systems. There is nothing new in them long ago, and they can only be regarded as basic projects when learning Java.
Of course, making it big, good and delicate is another matter, but the reality is often the basis of features, bugs emerge in an endless stream. So let’s share three non-business type Java projects in different directions.
QR-Code-generator
Support a variety of mainstream programming languages two-dimensional code generator class library, just write a few lines of code, can quickly generate two-dimensional code pictures.
The project basically did not use the third party class library, but pure handwriting to achieve two-dimensional code generation algorithm, very pure, very suitable for the algorithm interested friends to learn.
Combined with the front end, do an art TWO-DIMENSIONAL code generator is also good oh ~
Technology stack: Java Basics + Algorithms
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
arthas
Ali open source Java online diagnostic tool, can help developers analyze online Java program information and abnormalities, without restarting the project directly hot repair problems.
Although I included it in this creative project recommendation, it was a large, complex, and extremely practical project that used a lot of advanced Java knowledge (like probes).
I’ve had a lot of friends ask me what projects impress interviewers, and this is one of them. Instead of writing repetitive business code, you solve actual technical and engineering problems.
But it is really difficult, you can start from the use of it, and then to understand the underlying principle of it, and finally do a!
Technology stack: Java + Maven + Netty
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
mybatis-generator
MyBatis, a well-known Java database access framework, officially launched the code generator, which can help developers quickly generate repeated add, delete, change and check code, reduce workload and improve development efficiency.
Today, code generation is becoming more and more popular in both front and back end areas, and code generation platforms are emerging, making it a good project. When we complain about repetitive code, we might as well try to abstract out the repetitive code, write a set of logic, with a command to generate code.
However, there are many ways to generate general-purpose code in a more elegant and flexible way, so it’s worth learning about the official open source generators.
By the way, MyBatis Plus is pretty good too!
Stack: Java + Maven + MyBatis + JavaParser
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Python
thefuck
Programmers spend their days working on the command line, and when they accidentally type in a wrong command or forget a command, they often get irritated and scream f*ck!
So, a little geek developed thefuck, a tool that automatically corrects command line errors. When you type the wrong command, type fuck again and the correct command will be executed automatically!
Here are some demos:
It doesn’t work, but it still feels good.
Look at the code, 99.9% pure Python implementation, directory structure and code specification are very neat, suitable for a certain programming foundation of friends to learn.
Technology stack: Python
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️
avatarify
Provide a picture, open the camera, and make the person in the picture move with your expression
It’s been pretty popular for a while now, although it uses some ARTIFICIAL intelligence, but it doesn’t really need to be implemented. There are not many actual program code files, but it is a good practice for those who have been learning Python for a while.
Technology stack: Python + Shell + ARTIFICIAL intelligence
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️
other
askgit
Use SQL language to query Git repository information tools. It can make the students who understand basic SQL syntax free from the complex and difficult to remember Git query language, and faster statistical analysis of the code warehouse. Can be used online:
The project uses a database to store Git information as a table in the database to support SQL statement queries. In addition to being able to use a programming language, you need to have some knowledge of SQL and Git.
Technology stack: Go + Sqlite
Difficulty: ⭐ ️ ⭐ ️ ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️ ⭐ ️
Dress
“Yes, it’s a woman’s dress!
That’s the end of the Dress project.
Yes, this is a real women’s clothing project, collected about 1000 photos of women’s clothing, and most of them are uploaded spontaneously by users!
The first time I opened the page, I reflexively turned it off, good good good.
This is the cover of this article, just for everyone’s amusement, not my own thank you ~
Technology Stack: Hand
Difficulty: ⭐ ️
Creative: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
Practical: ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️ ⭐ ️
That’s all. You can search for all projects on GitHub by project name
The above is this issue to share, but also welcome to read my self-study into Tencent programming learning and job hunting experience, no longer confused!
Directions: t. 1 yb. Co/w66s
I am fish skin, like or request, I wish you all can be happy, make a fortune, the line of great luck.