My current job is UI design, but I also like to understand and learn front-end technology at work. This is a small website that I developed after learning Node last year. This project has been learning and doing for half a year intermittently, during which new functions have been constantly added to optimize user experience. Now because I want to think of a new project, I do not plan to continue updating, so I share it with friends who are interested in it, and we can learn from each other.

Project address github.com/luosijie/ca…

Preview the address card.luosj.me

The installation

  1. MongoDB is installed and started successfully
  2. Git clone “github.com/luosijie/ca…”
  3. npm install
  4. npm start
  5. Access localhost: 3000

Realize the function

  1. Log in to register
  2. Simple image processing
  3. Upload and save business card template
  4. Business card picture packaging and download
  5. Business card Template Collection
  6. Add, delete, change and check MongoDB data

Shortcomings of the website

  1. The code organization is more disorderly ———— which day the mood is good to arrange again
  2. No compatible browser, currently only Google Firefox is available ———— Life is too short for me to be compatible
  3. There is no admin background ———— this is a bigger problem

Screenshot of project Part

User edit page

The results of seemingly simple pages take the most time

Uploading a Template by the administrator

Note: this page can only be accessed by the user name admin

Personal center

My favorites and basic account Settings function

That’s it. Welcome star