Blog-Section #30
Blog-Section #30
Conversation
- add blog card and filtering functionality with animations - replace static logo with CPSquadLogo component -update CSS variables for dark mode and add utility classes - correct package.json formatting and dependencies
|
|
@DevSsChar 
|
UtsavSavani08
left a comment
UtsavSavani08
left a comment
There was a problem hiding this comment.
@georgioupanayiotis On the current Blog page, clicking on any blog card or the 'Read More' button should open that particular blog with its full content. You can use dummy data for the blog content.
|
Perfect no problem understood please add label |
- Created a new file `blogData.js` containing an array of blog posts with detailed content, authors, dates, read times, categories, and tags. - Updated `page.js` to include a new `BlogPost` component for displaying individual blog posts with a back navigation option. - Modified `BlogCard` to handle reading more functionality, allowing users to view full blog content. - Implemented state management for showing and hiding the full blog post view. - Enhanced styling for blog content and navigation elements.
|
@UtsavSavani08 added the changes and code split for better readability. 
|
|
please add label hacktoberfest-accepted it seems that your 
|
UtsavSavani08
left a comment
UtsavSavani08
left a comment
There was a problem hiding this comment.
@georgioupanayiotis The Title section and the overall structure of the blog page should be as given image below
and also need to add animation as given in the refrence website's blog page.
The title section and overall whole page should look almost similar to the given refrence website.
… improved filtering; update BlogsPage layout and styles; include new background images.
|
@UtsavSavani08 i have made the changes |
UtsavSavani08
left a comment
UtsavSavani08
left a comment
There was a problem hiding this comment.
@georgioupanayiotis The overall Layout and structure is almost perfect, But the main requirement of the blog title's background should be an animation not an image, which is not being fulfilled on the last chages. for the refrence you can visit the https://delta.nitt.edu/blogs and image attached below.
…t display in BlogsPage
|
@UtsavSavani08 i have made the changes Screen.Recording.2025-10-24.at.10.56.12.mov |
UtsavSavani08
left a comment
UtsavSavani08
left a comment
There was a problem hiding this comment.
@georgioupanayiotis As per the video you have shared, The animation part is compelete can you just add some more styles in other words, Have fade like and font color and etc.. overall it must compeletly look like above refrence i have given.
|
@georgioupanayiotis New changes have been made to the Home page — please pull the latest updates. Feel free to contact if you have any confusion or queries. |
|
@UtsavSavani08 i have resolved the conflicts feel free to merge to main |
@georgioupanayiotis As i have requested these changes, which are still pending. |
…mations; update BlogsPage layout for better responsiveness and visual appeal.
|
The best I could do @UtsavSavani08 I have even improved with pills the marquee effect with fader and expanded it.. 
|
|
@georgioupanayiotis the animation looks good, however the rounded background looks some what off, i request to make it more better, else the animation is fine. Mkae the background and text visually appealing |
3 participants
Added blogs section