### Profile Information
**Name:** Pranjal Rajput
**Year:** 3rd
**Degree:** Bachelor of Technology
**University:** [Indian Institute of Technology (IIT BHU) Varanasi](https://iitbhu.ac.in/)
**Timezone:** Indian Standard Time (UTC +5:30)
**Github:** [pr4nj41](https://github.com/PR4NJ41)
**Slack Handle**: pr4nj41
**LinkedIn:** [pranjal-rajput](https://www.linkedin.com/in/pranjal-rajput/)
**Working hours:** 10:00 AM to 08:00 PM (IST)
---
# Introduction To The Project
#### [Programs & Events Dashboard] Improve system for copying courses from one Dashboard to another
This project aims to enhance the course copying feature present for copying courses across the servers, specifically addressing the issue of incomplete content transfer between the Programs & Events Dashboard and the Wiki Education Dashboard instances.
Currently, when courses are copied between these platforms, crucial elements such as Timeline content are not included, posing challenges in reusing assignment plans. The proposed improvements will streamline the transfer process, enabling seamless migration of Timelines and other essential content across servers. This involves both frontend and backend components, requiring expertise in Ruby, JavaScript, and React.
#### Project Goals And Benefits:
- Enhance course copying functionality between the Programs & Events Dashboard and the Wiki Education Dashboard instances to include complete content transfer, particularly Timelines.
- Improve user experience by streamlining the course copying process, reducing manual intervention, and minimising data loss during migration.
#### Estimated Size: 350 hours
#### Possible mentor(s)
@Ragesoss
#### Have you contacted your mentors already?
Yes
---
# Current Implementation of Course Copying Across Servers
1. The copy_course_controller is defined, which handles the copying of courses across servers. It requires admin permissions and responds to HTML requests.
2. The copy method within the controller is responsible for initiating the course copying process. It instantiates a copy course service object with the URL of the course to be copied.
3. The CopyCourse class is initialised with the URL of the course to be copied. Several Helper methods like get_request are used to fetch course data, category data, and user data from the source server via HTTP requests.
4. The make_copy method retrieves main course data, extracts relevant attributes to be copied, creates a new course on the destination server, and sets a random passcode for authentication.
5. Within the copy_main_course_data, if the course contains update logs, a method fix_update_logs_parsing is called to ensure proper parsing by converting keys to integers.
6. The add_tracked_wikis method adds tracked wikis associated with the course to the destination server, excluding the home wiki which is automatically added.
7. The copy_tracked_categories_data method copies tracked categories associated with the course, creating them on the destination server.
8. The copy_users_data method copies user data associated with the course, creating corresponding user entries and assigning roles within the course on the destination server.
#### DRAWBACKS:
- Only admins are allowed to use the current implementation of copying courses between Programs & Events Dashboard and the Wiki Education Dashboard servers.
- Incomplete transfer of data is taking place during copying, the timeline and including content doesn't get copied.
- Normal users only have the functionality of cloning courses from the current server. They can’t copy courses between Programs & Events Dashboard and Wiki Education Dashboard servers.
---
# PROPOSED IMPLEMENTATION
1. The Timeline data of any course is available at url = <Course_Url>/timeline.json. We will use this to get the timeline data while copying the course.
Course Timeline:
{F43681774}
Snapshot of corresponding timeline data at <course_url>/timeline.json:
{F43681895}
2. The timeline data can be retrieved from this timeline.json by defining a method retrieve_timeline_data in course_copy.rb file.
3. Define a copy_timeline_data method for adding the timeline data to the new course (copied from another server).
4. Add code to copy_timeline_data method for copying data of blocks to the timeline of the new course. Similarly, other attributes can be copied as needed.
5. Update the copy_main_course_data method present in copy_course.rb to enable copying of more attributes from the original course.
6. Call the above defined methods inside the predefined make_copy method in course_copy.rb
7. Make a separate controller for non-admin users which would run only when the user is on Programs & Events Dashboard allowing copying of courses from Wiki Education Dashboard to Programs & Events Dashboard.
8. Error handling is implemented throughout the process to catch exceptions such as failed HTTP requests or invalid data, providing appropriate error messages to the user interface.
9. Add code for the frontend part. The users will get options to either copy the course from Wiki Education Dashboard by using course url or make a clone of a course from the current Dashboard by selecting the course name, only when they are present on Program and Events Dashboard.
10. Integrate frontend code with backend.
11. Add tests for frontend and backend code.
12. Write documentation.
#### Advantages of Proposed Implementation:
- Normal users will now have both the options of cloning courses from the current server and courses from Wiki Education Dashboard to Programs & Events Dashboard (across server).
- Course copying functionality will have the feature of copying the timeline including its content for both admin and normal users.
- No intervention or clashes with any of the current implementations.
- Reuse of predefined methods and attributes instead of defining new ones.
(NOTE) The proposed solution mentioned above is adaptable. I am flexible and open to suggestions in making necessary changes based on requirements and discussions with my mentor.
---
# Additional Task
#### Problem
The current Dashboard mobile view presents challenges such as overflowing pages, non-responsiveness and design flaws, significantly limiting its functionality on small screens. This restricts user engagement and hampers the overall user experience.
#### Proposed Solution
1. Make required CSS changes to solve overflowing and responsiveness issues.
2. Introduce Controllers/Pagination mechanisms to manage large tables with numerous columns on smaller screens.
3. Create responsive designs for mobile view
---
# My Contributions
I have been an active member of the WikiEduDashboard for the last four months and have been actively engaged in discussions and reviews for all the proposed changes and Functionalities.
I have [29+ merged PRs](https://github.com/WikiEducationFoundation/WikiEduDashboard/pulls?q=is%3Apr+is%3Amerged+author%3APR4NJ41) in the WikiEduDashboard project. I have also created over 7 issues.
Following are the pull requests I’ve opened in WikiEduDashboard projects along with their status:
### Pull Requests created by me
|**S. No.**|**PRs**|**Description**|**Status**|
|1.|[#5716](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5716)|Implemented Role-Based No-Assignment Message in 'Assignment & Exercise'|Merged|
|2.|[#5715](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5715)|Fixed Edit button overlapping in Timeline wizard summary|Merged|
|3.|[#5712](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5712)|Improved the layout of "subject specific guides" block in Timeline|Merged|
|4.|[#5704](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5704)|Added Starting Day Feature for making calendar weeks dynamic|Open|
|5.|[#5688](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5688)|Implemented Native confirm component instead of JavaScript confirm instance|Merged|
|6.|[#5686](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5686)|Fixed Broken Layout of Article Viewer User Legend|Merged|
|7.|[#5680](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5680)|Fixed overflow in Article Viewer|Merged|
|8.|[#5679](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5679)|Fixed Feedback Form UI on Home tab of a course|Merged|
|9.|[#5664](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5664)|Improved Difference Viewer|Merged|
|10.|[#5656](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5656)|Fixed overlapping of campaign_navbar at the desktop view on Language Picker|Merged|
|11.|[#5651](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5651)|Fixing warnings when starting `Guard`|Merged|
|12.|[#5641](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5641)|Fixed UI of Training module path overlapping with Table of contents|Merged|
|13.|[#5640](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5640)|Fixed overlap of Training module navbar with breadcrumbs|Merged|
|14.|[#5637](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5637)|Fixed State Persistence of Quality Checklist|Merged|
|15.|[#5631](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5631)|Refactored Block.jsx from Class component to Functional component.|Open|
|16.|[#5630](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5630)|Refactored TrainingModulesViewMode.jsx from Class component to Functional component|Merged|
|17.|[#5626](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5626)|Eliminating Redundant Clicks on Submit Button in Article Finder|Merged|
|18.|[#5625](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5625)|Refactored training_module_handler.jsx from Class component to Functional component|Merged|
|19.|[#5624](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5624)|Refactored slide_menu.jsx from Class component to Functional component|Merged|
|20.|[#5623](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5623)|Refactored 'assignment.jsx' from Class component to Functional component|Merged|
|21.|[#5622](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5622)|Improved UI of Feedback Form|Merged|
|22.|[#5620](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5620)|Refactored 'default_campaign_form.jsx' from Class component to Functional component|Merged|
|23.|[#5619](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5619)|Refactored 'campaign_ores_plot.jsx' from Class component to Functional component|Merged|
|24.|[#5618](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5618)|Refactored 'modal.jsx' from Class component to Functional Component|Merged|
|25.|[#5617](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5617)|Refactored 'wp10_graph.jsx' from Class component to Functional Component|Merged|
|26.|[#5616](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5616)|Refactored 'edit_size_graph.jsx' from Class component to Functional Component|Merged|
|27.|[#5612](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5612)|Refactored 'course.jsx' to functional component|Open|
|28.|[#5611](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5611)|Fixed Alignment issue on Article Finder Page|Merged|
|29.|[#5605](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5605)|Added cancel button on the "Create New or Clone Program" component on P&E dashboard|Merged|
|30.|[#5603](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5603)|Added an option to close Program Creation Component on P&E dashboard explicitly|Merged|
|31.|[#5597](https://github.com/WikiEducationFoundation/WikiEduDashboard/pull/5597)|Added Informative Text to 'See More' Button on Hover in P&E Dashboard 'Articles' Tab of a Program|Merged|
### **Issues created by me**
|**S. No.**|**Issue**|**Description**|**Status**|
|1.|[#5701](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5701)|Calendar not rendering correctly in date-picker in Course Creator|Open|
|2.|[#5663](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5663)|Improvement in the UI of Difference Viewer|Closed|
|3.|[#5636](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5636)|Bug: Checkbox state not being preserved in Quality Checklist|Closed|
|4.|[#5608](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5608)|Error while trying to add article as an available article in "Article Finder"|Closed|
|5.|[#5604](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5604)|"Create New or Clone Program" Component has no way to close it explicitly|Closed|
|6.|[#5602](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5602)|No way to close the Program Creation Component on P&E dashboard explicitly|Closed|
|7.|[#5558](https://github.com/WikiEducationFoundation/WikiEduDashboard/issues/5558)|Responsive UI for the 'Training' Page in Mobile View|Closed|
---
# TIMELINE
#### Community Bonding Period
**May 1 - May 26**
- Discuss and get pending pull requests merged
- Discuss with the mentors on what communication medium would they prefer for updates regarding the project
#### Coding period begins
**May 27 - June 9**
- Discuss what other parameters need to be copied along with the timeline from the original course to copied course.
- Add methods to copy timeline and other parameters in the current implementation.
**June 10 - June 16**
- Discuss the design of the Frontend part for course copying feature for normal users.
- Start designing the Figma mockup of the design.
**June 17 - June 23**
- Develop the Frontend part for course copying features for normal users.
- Make a separate controller for course copying features for normal users.
**June 24 - June 31**
- Integrate the Frontend code with the backend code.
- Test the code and its working.
**July 1 - July 7**
- Discussion around testing of the written code.
- Write tests in the test suite for added frontend code.
- Write tests in the test suite for added backend code.
#### Phase-1 Evaluation (July 8 -July 12 )
**July 12 - July 17**
- Resolve bugs
- Document the features implemented.
**July 17 - July 21**
- Discuss with the mentor the required design/Frontend code changes for mobile view.
- If required, start designing the Figma mockup of the design.
**July 22 - August 11**
- Make changes to frontend code to improve mobile view.
**August 12 - August 18**
- Buffer Week for implementing pending tasks.
- Write a blog about my Summer of Code journey.
#### Final Evaluation (August 19 - August 26)
(NOTE) This timeline is designed for a standard 12-week program. If additional time is required to incorporate more features and use cases, the timeline will be extended by a few weeks accordingly.
---
# POST GSOC
I am eager to continue my involvement with the WikiEdu & Wikimedia community beyond the scope of GSoC. Post the GSoC period, I would love to continue contributing to this project and implement more features that may not have been covered in GSoC in the short time interval.
I will also try to provide consistent patches and bug fixes to the project. I would be available to update, debug, and maintain the code of the app as required, ensuring that it remains robust and reliable.
---
# About Me
I’m Pranjal Rajput, a 3rd year Engineering undergraduate at IIT (BHU), Varanasi. You may know me better as [PR4NJ41](https://github.com/PR4NJ41) on GitHub!
I am an avid developer and love contributing to open source. I started out with development on December '21 with the basics. Later, over the months, I explored various technologies. Via a course I undertook, I practised the **MERN** stack and by being a part of the website teams of various college bodies and hackathons, I worked on other technologies, like **Javascript, ReactJS, Ruby, SQL, NodeJS, Git, Firebase, Django** etc.
I am the **Tech Executive** of various clubs like Club of Sustainability and Innovation, and college fests like FMC weekend. I am also a part of the Club of Programmers, IIT (BHU), the programming society of my university - IIT (BHU) Varanasi.
I started contributing to several open source projects in March’22 and have successfully participated in **Hacktoberfest’22 and '23.** I also have experience in ML and have been selected in **Amazon ML School ‘23.**
#### MY CODING SKILLS
I have been interested in programming since my first semester itself. I started out with competitive programming wherein I used to code in **C++** and eventually, I ended up developing an interest in Software Development.
Starting off with basics **(HTML, CSS, and JavScript)**, I later moved to frameworks and technologies built around **ReactJS, Ruby, Node.js and SQL.** Following are the frameworks, technologies, and languages I’ve used:
- Javascript
- ReactJS
- Ruby
- SQL
- MongoDB
- Express.js
- Node.js
- Django
- Angular
- Flutter
Here you can find all the projects I've been working on and contributing to: https://github.com/PR4NJ41
I am a quick learner and very keen on expanding my horizons to newer technologies. If the project requires a skill I need to learn, I will give my 100% in practising it.
#### Internships
**Web Developer Intern at DhanDolat (Dec ‘22 - Feb ‘22)**
- DhanDolat is a Financial Learning Platform.
- Developed the Frontend part of the website using **ReactJS.**
- Built the Backend and database using **SQL.**
- Implemented **google authentication.**