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.
- 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.
- Clone the repository:
git clone https://github.com/Mustapha-Nkhili/React-CRUD-WebApp
- Navigate to the project directory:
cd React-CRUD-WebApp
- install dependencies:
yarn install
- 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.