Is your feature request related to a problem? Please describe.
Implement Homepage Component

Hey there,

I hope this message finds you well. Firstly, I'd like to extend my apologies for raising an issue here; I understand this might not be the typical channel for such inquiries.

I am Uday, a computer science undergraduate with a passion for full-stack development, including expertise in Next.js, React, TypeScript, JavaScript, Node.js, Tailwind CSS, Electron, Docker, CI/CD, Java, Python, C++, and Angular. I recently came across the WebiU 2.0 project in your organization, particularly interested in its dynamic organization website initiative.

After visiting the GitHub repository , I couldn't find a clear path to the Slack channel mentioned in the project documentation. I attempted to join c2si.slack.com, but unfortunately, it's not accepting email signups.

I'm very much interested in contributing to the WebiU 2.0 project and would appreciate your guidance on the next steps. Could you confirm if this is the correct repository to contribute to? If so, what specific tasks or issues should I focus on first? Additionally, any information on alternative communication channels for the project would be immensely helpful.

About me: I bring a diverse tech stack and a keen interest in contributing meaningfully to open source projects. I am excited about the prospect of working on the dynamic organization website, and I'm committed to making a positive impact on the project.

Thank you for your understanding, and I look forward to your guidance.

Best regards,

Uday

@Maahi10001

Workflow Design:

• Define a data flow process to fetch project information from GitHub repositories and integrate it into the organization's website, ensuring real-time updates.

• Establish mechanisms for automatic website updates triggered by changes in GitHub repositories, utilizing webhooks or periodic checks.

• Implement error handling protocols to manage exceptions during data retrieval or integration, including logging errors and implementing fallback mechanisms.

Figma Design for UI:

• Create wireframes and UI designs for the organization's website interface, focusing on project display sections, admin control panels, and configuration settings.

• Develop UI components such as project cards and navigation menus, ensuring a cohesive and user-friendly interface with attention to visual hierarchy and typography.

• Prototype interactions within the interface using Figma, simulating user actions like toggling project visibility or updating project details.

Backend Design:

• Select a suitable backend technology based on scalability, performance, and integration capabilities with GitHub APIs and also why you are selecting it and some Ideas on Implement RESTful API endpoints for communication between the frontend and backend, enabling actions such as retrieving project information, managing configurations, and updating settings while ensuring security through authentication and authorization mechanisms.

Note: All These should follow project description and requirements only

please keep task result with URL accessible and secure, can mail them to [email protected] for any queries or suggestions, Reach out to slack channel or write to [email protected] All the best and keep coding ;)

Is your feature request related to a problem? Please describe.
Currently the Navigation bar is not responsive so make it responsive for all the devices

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Describe the Issue
Make the publications page responsive for all devices

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A detailed description of the expected behaviour

Screenshots
If possible, please use screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS/Windows]
• Browser [e.g. chrome]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. mozilla, safari]
• Version [e.g. 22]

cleaning the code base to make new commit s for webiu 2.0

Is your feature request related to a problem? Please describe.
Implement Publications Component

Describe the bug
Upon running npm install initially, I encountered an error related to conflicting dependencies. I attempted to resolve it by using npm i --legacy-peer-deps. However, I encountered the following error afterward:

stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)?
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:419:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:511:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1098:16)
npm ERR! gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:304:5)
npm ERR! gyp ERR! System Windows_NT 10.0.22631
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\shash\\Desktop\\Webiu\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd C:\Users\shash\Desktop\Webiu\node_modules\sharp
npm ERR! gyp ERR! node -v v20.3.1
npm ERR! gyp ERR! node-gyp -v v3.8.0

To Reproduce
Steps to reproduce the behavior:

1. Navigate to the main directory of Webiu using cd webiu.
2. Execute npm install --legacy-peer-deps.
3. Observe the error message in the terminal.

Expected behavior
After running npm install, the application should function correctly when executing npm develop or gatsby develop.

Screenshots

Desktop Configurations

• OS: Windows 11
• IDE: WebStorm
• Node Version: 20.3.1

Describe the bug
Change the px to rem

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A detailed description of the expected behaviour

Screenshots
If possible, please use screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS/Windows]
• Browser [e.g. chrome]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. mozilla, safari]
• Version [e.g. 22]