feat: add animations, improve styling, and update dependencies#2
Open
Marbot-claw wants to merge 4 commits into
Open
feat: add animations, improve styling, and update dependencies#2Marbot-claw wants to merge 4 commits into
Marbot-claw wants to merge 4 commits into
Conversation
- Add 15+ CSS keyframe animations (fade-in, slide, bounce, float, pulse-glow, shimmer, etc.) - Add utility animation classes with stagger delays - Improve Navbar: glass effect on scroll, hover underline, smooth transitions - Improve TemplateLanding: animated hero text, floating image, CTA button - Improve GamesCard: crossfade image swap, hover glow, scale effect - Improve Features: card-based layout with icons, staggered animations - Improve Login: loading state, input focus animations, card entrance - Improve Footer: quick links section, hover effects, dynamic year - Improve PremiumCard: pulse-glow CTA, hover border effect - Fix App.css: add post card hover, button ripple, loading spinner, custom scrollbar - Update frontend dependencies to latest stable versions - Update backend dependencies to latest stable versions - Fix backend app.js: add error handler, uncomment module.exports, add dev script
- Merged app.js changes (kept health check & separate listener, added error handler) - Updated package.json dependencies for both client and server - Applied all frontend animation and styling improvements - Resolved conflicts in styling and component logic
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Summary
Comprehensive frontend & backend improvements with focus on animations, styling polish, and dependency updates.
Changes
Frontend - Animations
index.css:fade-in— smooth opacity entranceslide-in-left/slide-in-right— directional slide animationsbounce-in— playful bounce entrancepulse-glow— glowing pulse effect for CTAsshimmer— loading shimmer effectfloat— subtle floating animation for hero elementsscale-in— scale-up entrance animationApp.csswith animation utility classesFrontend - Styling Improvements
Dependencies Updated
axios→^1.7.9,react-redux→^9.2.0,redux→^5.0.1,redux-thunk→^3.1.0,sweetalert2→^11.15.10,@sweetalert2/theme-borderless→^5.0.23,daisyui→^4.12.23,tailwindcss→^3.4.17,autoprefixer→^10.4.20,postcss→^8.5.1express→^4.21.2,cors→^2.8.5,dotenv→^16.4.7,bcryptjs→^2.4.3,jsonwebtoken→^9.0.2,sequelize→^6.37.5,pg→^8.13.1,cloudinary→^1.41.3,multer→^1.4.5-lts.1,sharp→^0.33.5,uuid→^11.0.5,nodemon→^3.1.9,jest→^29.7.0,supertest→^7.0.0,axios→^1.7.9,google-auth-library→^9.15.1,midtrans-client→^1.4.2Backend Fixes
app.jsmodule.exports = appfor test compatibilityHow to Test
cd client && npm install && npm startcd server/express && npm install && npm startnpm testto ensure tests still passnpm outdatedshows minimal outdated packages