Portfolio

Overview:

This project is a simple yet functional Content Management System (CMS) built using React for the front end and Node.js with SQLite for the back end. The CMS allows users to manage (create, edit, and delete) content.

Screenshots

Key Features:

1. Content Creation:

• Users can add new content via a simple and intuitive form that includes fields for a title and details.
• The form dynamically updates based on whether the user is adding new content or editing existing content.

2. Edit Content:

• Users can select content from the list and modify its title or body. The form will automatically pre-populate with the selected content, allowing for smooth editing.

3. Delete Content:

• Each content item comes with a delete button, enabling users to remove content from the list. Upon deletion, the list is updated in real-time without needing a page refresh.

4. Real-Time Updates:

• The app automatically refreshes the content list after creating, editing, or deleting content, ensuring that the user interface stays up-to-date.

5. Full-Stack Integration:

• The back end is powered by Node.js and SQLite, with an Express server providing RESTful API endpoints for content management. The database is managed using Sequelize, an ORM that makes database operations simple and intuitive. Sequelize handles content creation, retrieval, updates, and deletion with minimal SQL code. The front end communicates with the back end using Axios for HTTP requests.

6. Error Handling:

• The CMS includes error handling and validation to ensure that fields like the title and body are filled before submission. This helps maintain data integrity and ensures a smooth user experience.

7. CORS Support:

CORS (Cross-Origin Resource Sharing) is enabled to allow the React front end to communicate seamlessly with the Node.js back end, even when running on different ports or domains during development.

Category:

Tags:

Links: