This CRUD (Create, Read, Update, Delete) Post Web App is a project developed for the Learn2Earn internship assignment. It focuses on implementing essential CRUD functionalities for posts and incorporating pagination functionality. Additionally, user-generated posts are stored locally in the browser's localStorage for data persistence.

React CRUD post

• Create: Users can create new posts with a name, description, and image.
• Read: Posts are displayed on the main page, allowing users to view existing posts.
• Update: Users can edit existing posts, modifying the name, decrption, or image.
• Delete: Users can delete posts they no longer need.
• Pagination: Implemented pagination functionality for efficient navigation through posts.
• LocalStorage: All user-generated posts are stored locally in the browser's localStorage, ensuring persistence across sessions.

• React.js: Frontend library for building user interfaces.
• Redux: State management library for managing application state.
• Tailwind CSS: Utility-first CSS framework for styling user interfaces.

1. Clone the repository:

git clone https://github.com/Mustapha-Nkhili/React-CRUD-WebApp

2. Navigate to the project directory:

cd React-CRUD-WebApp

3. install dependencies:

yarn install

4. Run the development server:

yarn dev

Access the application in your browser at http://localhost:3000.

• Implemented a form to add posts with image and name fields.
• Validated input fields to ensure data integrity.

• Displayed images and names in a list format.
• Included pagination for efficient navigation through posts.

• Enabled users to edit existing post entries.
• Provided a form for editing, pre-filled with existing data.

• Allowed users to remove entries from the dataset.
• Implemented confirmation dialogs to prevent accidental deletions.

• Created a GitHub repository for the project and committed code regularly.

• Completed the project by the submission deadline: February 29, 2024.

• Shared the GitHub repository link with Learn2Earn via email.