Entrepreneur Connect Milestone 4 : Feed #9
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Created the Feed main page - Created the form feed navbar and included the markup for the section
- Linked the Feed component to the main page - Fixed sme typos found to make the feednavbar showing
- Styled the Feed Navbar tablet and desktop view - Linked the feed navbar.css file to the main project
- Created the different components for the different feed sections. The Feed will have three blocks - Added basic styling to help align the three sections accordingly - Added the feed.css file to the main project
- Installed the React calendar to the project - Used the React calendar in the project to get the date - Added some styling to the feed right and left sections to distinguish them from the main feed
- Created the Post component to model the structure of a post and style it in readyness for dynamic rendering of posts that are being created. - Created the Posts component which will be the parent of a post and the post data will be passed down to the post component as props - Linked both the Post and Posts component together and linked to the main project to display it in the feed middle component
- Created dymmy post data to intend to use it in the post component to model when the details will be retrieved from the API - Pass the post data to the post component via props
- Passed down the posts data to the post component as props - Replaced the hardcoded post data to receive and use the data being passed down as props - Made some changes to the post styling to fix some minor defects noticed
- Created the posts slice with the following reducers:
- addPost
- delete post
- Update post
- Exported the postsSlice together with the reducers created
- Created multiple extra reducers to define how I want my Redux state to be updated in response to various Redux actions
- Created the following asyncronous actions in my postsSlice:
- deletePost
- createPost
- fetchPosts
… having the updatePost reducer in the extrareducers
- Created the AddPost component and linked it to the Feed middle component
- Setup my Addpost component to communicate with the Redux store and included methods for:
- Handling submit of the form to send data to the addPost action
- Created the handleChange that updates the value of the input being used
- Created the setup for the addPost form
…ng a post as I want
…eact addPosts form
…llow edit/ delete of a post
- Implemented the image upload functionality - Ensured that a user is ale to create a post
- Redirect user to feed page on login - Ensured that the createPost function works as expected
…end to the backend
- Added the image upload when signing up - Dynamically update the post author and image as well when listing the posts
✅ Deploy Preview for entrepreneurconnect ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Nemwel-Boniface
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Hello 👋
In this milestone, I implemented the following:
Enjoy! 🚀