Repository: Cloud-CV/EvalAI
Issue: Migrate Frontend Dependency Management from Bower to npm
Root cause: External Dependency Breakage

## Summary
EvalAI’s frontend currently depends on **Bower**, which is **deprecated** and introduces potential security and maintenance issues. To modernize the build process, this issue proposes migrating all Bower-managed dependencies to **npm**, ensuring compatibility with modern JavaScript tooling.

## Current State
- Dependencies are defined in `bower.json` (e.g., AngularJS, Font Awesome).
- `Gulpfile.js` references assets from `bower_components/`.
- The build process relies on Bower-installed packages.

## Proposed Changes
1. Migrate all dependencies from `bower.json` to `package.json`.
2. Update all references in `Gulpfile.js` from `bower_components/` to `node_modules/`.
3. Remove `bower.json` and all Bower references from the documentation.
4. Verify compatibility with existing build and deployment workflows.

## Benefits
- Enhanced security and easier maintenance.
- Simplified dependency management.
- Faster, more reliable build process.
- Alignment with modern JavaScript development standards.

## Acceptance Criteria
- `npm install` completes successfully without errors.
- Gulp builds run and complete as expected.
- The frontend loads correctly in both development and production modes.
- All existing tests pass without regressions.

## Additional Notes
Potential challenges may include dependency version conflicts and path adjustments for assets like fonts and icons. Incremental testing after each change is recommended.

---

**Contributor Note:**  
I’d like to work on this issue if it’s available. Please assign it to me. 🙂


@RishabhJain2018 can you check this out?


@sumitdas01 Hi sumit, can I work on this issue, if someone has not already started?

I am already working on this @devesh1011 


Hi @sumitdas01 

I see you're already working on this. I've actually completed the migration locally and have it working:

Migrated all 24+ frontend dependencies from Bower to npm
Updated all asset paths (bower_components → node_modules)  
Removed Bower from Docker configuration
Fixed Sass @import deprecation warnings
All builds passing (dev & production)
Docker containers working correctly

I have:
- Complete working code on a branch
- Tested builds and Docker setup
- Screenshots and documentation ready

<img width="1174" height="639" alt="Image" src="https://github.com/user-attachments/assets/cf05bd8f-833e-47b2-8d4a-9e28bb24a092" />
<img width="1475" height="800" alt="Image" src="https://github.com/user-attachments/assets/7396c4fc-ecf7-456f-8b3c-a7cdd20be681" />
<img width="956" height="1005" alt="Image" src="https://github.com/user-attachments/assets/5ab9c28e-3fd7-4411-b863-3119fb9fab98" />
<img width="1890" height="1105" alt="Image" src="https://github.com/user-attachments/assets/cdc90260-2421-456c-9a6a-a6b07398dff6" />
<img width="1885" height="1107" alt="Image" src="https://github.com/user-attachments/assets/2a8b203d-1dbd-4529-8f42-507cfa17bf43" />

Would you like me to:
1. Share my changes with you so we can collaborate?
2. Create a separate PR if you haven't started yet?
3. Wait for your PR and help with review/testing?

Let me know how I can best help! Happy to work together on this. 

@vik05h i will make a pr on this , first let the maintainers see this issue as it is created by me.