Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Complexity visualisation #5

Open
wants to merge 14 commits into
base: main
Choose a base branch
from

Conversation

elyesbenamor
Copy link

🚀 Enhanced Code Timeline Visualizer

Overview

This MR introduces significant improvements to the Code Timeline Visualizer, enhancing both functionality and user experience.

🎯 Key Changes

UI Enhancements

  • Added animated gradient title with dynamic color transitions
  • Implemented fun loading animations with changing status messages
  • Enhanced dark/light mode transitions
  • Improved border consistency across components
  • Added custom scrollbar styling

Functionality Improvements

  • Enhanced code parsing and visualization
  • Improved timeline rendering performance
  • Added code complexity analysis
  • Implemented search and filter capabilities
  • Added code history tracking

Code Quality

  • Refactored components for better maintainability
  • Added proper error handling
  • Improved state management
  • Enhanced code organization
  • Added comprehensive documentation

🧪 Testing

  • Tested in both dark and light modes
  • Verified all animations work smoothly
  • Confirmed responsive design on different screen sizes
  • Validated code parsing functionality
  • Tested file upload and history features

📝 Documentation

  • Updated README with new features
  • Added inline code comments
  • Updated installation instructions
  • Added usage examples

🔍 Review Notes

  • Main changes are in page.js and globals.css
  • New animations can be found in the title component
  • Border styling has been standardized across components

📸 Screenshots

RUN DEV MODE

🔄 Related Issues

Closes #[issue_number]

📋 Checklist

  • Code follows project style guidelines
  • Documentation has been updated
  • All tests pass
  • No console errors
  • Responsive design verified
  • Performance impact considered

Copy link

netlify bot commented Jan 6, 2025

Deploy Preview for codevi ready!

Name Link
🔨 Latest commit 73093b4
🔍 Latest deploy log https://app.netlify.com/sites/codevi/deploys/677c06e9de71fe0008617af9
😎 Deploy Preview https://deploy-preview-5--codevi.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@X-SLAYER
Copy link
Owner

X-SLAYER commented Jan 6, 2025

Looks good i will check it

@elyesbenamor
Copy link
Author

@X-SLAYER any updates on this MR ?

@X-SLAYER
Copy link
Owner

TBH there is a lot of things like the timeline looks more bigger that the usual
there is a popup that is flush while showing I will try to come up with all the things

Thank you for your contribution but mainly this app was made for a simple reason so if we could check this maybe use it like another version separated from the main app

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants