my-blog-app

A full-stack project made with React, Node.js, Express, and MySQL

After learning React foundation, I started this project following Lama Dev's blog app tutorial (https://www.youtube.com/watch?v=0aPLk2e2Z3g). Also referenced his code (https://github.com/safak/youtube2022/tree/log-app).

Heartfelt thanks to Lama for providing the wonderful tutorial and open-sourcing the whole project.

This is the project that made me get into React and Node.js:) I will still keep learning and try to make improvements continually.

New features and improvements from the original:

• Simple 404 page
• HTML rich text display *(with DomPurify)
• Image compress and upload indicator
• Search by username and title
• Form validation and beautify

2024/9/25

Added from validation and beautified

2024/4/27

Improved search and order

2024/4/26

Added search function, improved data fetch, 404 pages and CSS style

2024/4/12

Fix few bugs: Emoji problems, set publish date, cookies expire

2024/4/9

New features: image compress and rich text display

2024/4/8

Fixed upload and recommend menu bugs, modified CSS style, export a function

2024/4/7 First commit

Finished the base project following the tutorial. Some bugs were fixed and few features were created during coding.

Features/improvements in development:

Feature:

• User profile
• Input form check
• Image compress
• Captcha
• Private posts
• Admin system
• Search
• Draft

Improvement:

• 404 pages
• Import UI library to realize above features, Ant Design maybe
• Mobile devices optimizing
• Code style

Known Bugs and fixed bugs

- Image upload： May cause pages freezing; Original img would be set to null - Recommend menu: Recommends current reading post - User auth invalid after closing window - Emojis lead SQL error filter emojis with emoji-regex - Publish date won't change after editing