× logo Home HTML CSS Javascript React-App Angular.js logo
logo

ReactFrontEnd + Node.js/ExpressBackend + MySQL example Overview


We will build a full-stack Tutorial Application in that:
1.Tutorial has id, title, description, published status.
2.User can create, retrieve, update, delete Tutorials.
3.There is a search box for finding Tutorials by title.

Here are screenshots of the example.

Add an item:

Show all items:

Click on Edit button to view details of an item:

On this Page, you can:
* change status to Published/Pending using Publish/UnPublished button
* remove the object from MySQL Database using Delete button
* update this object's details on Database with Update button


Search objects by field 'Title':

Check MySQL database:



logo