Giter Club home page Giter Club logo

hunter-420 / devflexport Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 1.51 MB

DevFlexPort: Open-Source Dynamic Portfolio Hub for Developers. Showcase skills, projects, and create an engaging online presence. Fork, customize, and contribute to build your own dynamic portfolio. Elevate your developer profile with open-source innovation. https://www.figma.com/file/IsCEw3NuY7iA7eDFTNPges/Portfolio-(Community)?node-id=200%3A1453&

Home Page: https://dev-flex-port.vercel.app/

License: MIT License

JavaScript 80.95% HTML 0.54% CSS 18.51%
css express figma html mongodb node protfolio-website reactjs vite

devflexport's Introduction

Hi ๐Ÿ‘‹, I'm Nischal Khanal

A passionate Web Development | Data Science | ML

hunter-420

hunter-420

Connect with me:

nischalkhanal nischal.khanal69

Languages and Tools:

bootstrap c cplusplus css3 git html5 java javascript linux mysql pandas php python react seaborn tailwind tensorflow

hunter-420

ย hunter-420

hunter-420

devflexport's People

Contributors

dependabot[bot] avatar hunter-420 avatar srijan-lamichhane avatar ujjwalnp avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

yassmittal

devflexport's Issues

Unit Testing Feature: Access Control in User Controllers

Description

Implement unit tests for the access control feature in the user controllers. Specifically, ensure that the userUpdate and deleteUser functions block actions when the user ID does not match the request ID.

User Story

As a developer, I want to ensure that only the user with the correct ID can perform updates and deletions on their account. Unauthorized access should be blocked.

Acceptance Criteria

  • Unit tests are implemented for the userUpdate function in the user controller.
    • Test case where the user ID matches the request ID (successful update).
    • Test case where the user ID does not match the request ID (should be blocked).
  • Unit tests are implemented for the deleteUser function in the user controller.
    • Test case where the user ID matches the request ID (successful deletion).
    • Test case where the user ID does not match the request ID (should be blocked).

Additional Information

  • Refer API documentation at `/api-docs'
  • Ensure document updation in database.
  • The access control logic should be thoroughly tested to ensure it behaves as expected.
  • Consider using testing frameworks such as Mocha and Chai for writing the unit tests.

Environment

  • Node.js version: 18.19.0

Expected Result

All unit tests related to access control in user controllers should pass successfully.

Frontend Enhancement Request

Frontend Enhancement Request

Description:
I would like to request the implementation of frontend enhancements based on the Figma prototype provided. The goal is to improve the user interface and experience for our application.

Figma Prototype:
Figma Prototype Link

Additionally, the UI should follow the design elements specified in the Figma prototype, including color schemes, typography, and spacing.

Dependency Resolution Error - ERESOLVE

Issue: Dependency Resolution Error - ERESOLVE

Description

When running npm install, the following error occurred:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR!   peerOptional react@"^16.9.0 || ^17.0.0 || ^18" from @reduxjs/[email protected]
npm ERR!   node_modules/@reduxjs/toolkit
npm ERR!     @reduxjs/toolkit@"^2.1.0" from the root project
npm ERR!   10 more (framer-motion, react-dom, react-hot-toast, react-icons, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0" from [email protected]
npm ERR! node_modules/react-outlet
npm ERR!   react-outlet@"^1.0.9" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^0" from [email protected]
npm ERR!   node_modules/react-outlet
npm ERR!     react-outlet@"^1.0.9" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
...

Failed to resolve import 'react-icons/ri' in topNav.component.jsx

Error Details

I'm encountering the following error in my project:

[plugin:vite:import-analysis] Failed to resolve import "react-icons/ri" from "src/components/topNav.component.jsx". Does the file exist?
/home/ujjwal/Projects/DevFlexPort/client/src/components/topNav.component.jsx:4:41
...

Request: Client Side Development Resumption

Client Side Development Resumption for DevFlexPort Project

Background

The development of the client side for the DevFlexPort project, based on the MERN stack, has been paused for a considerable period without any prior notice from the frontend developers. In order to resume the development and ensure smooth progress, this GitHub issue is being created to outline the necessary steps and tasks.

Objective

The primary objective is to resume the client side development of the DevFlexPort project and address any pending tasks or issues.

Tasks

  1. Assessment of Current State

    • Review the existing codebase to understand the current state of the client side.
    • Identify any incomplete features, bugs, or architectural issues.
  2. Update Dependencies

    • Check for outdated dependencies and update them to the latest stable versions.
    • Ensure compatibility with the latest versions of Node.js, React, and other relevant libraries.
  3. Fix Bugs and Issues

    • Address any open issues related to the client side.
    • Fix bugs reported in the issue tracker or discovered during the assessment phase.
  4. Implement Pending Features

    • Complete any features that were left unfinished before the pause in development.
    • Ensure alignment with the project requirements and design specifications.
  5. Code Refactoring and Optimization

    • Refactor code for improved readability, maintainability, and performance.
    • Optimize client side logic and UI components as needed.
  6. Documentation

    • Update or create documentation for the client side codebase.
    • Document any new features or changes made during the resumption of development.

Timeline

  • Week 1: Assessment and planning
  • Week 2: Dependency updates and bug fixes
  • Week 3-4: Feature implementation and code optimization
  • Week 5: Documentation and final testing

Collaboration

Frontend developers are encouraged to actively participate in the resumption of client side development. Regular communication and collaboration will be essential for successful progress.

Next Steps

  1. Frontend developers to review this GitHub issue and provide feedback or suggestions.
  2. Assign tasks based on expertise and availability.
  3. Begin the resumption of client side development according to the outlined tasks and timeline.

Let's ensure the successful completion of the client side development for the DevFlexPort project.

Client-Side Integration of APIs

Client-Side Integration of APIs

Objective

Implement client-side integration of server-side APIs based on provided documentation at /api/docs for seamless data retrieval and user interaction.

Tasks

  1. Review API Documentation to understand endpoint specifications and data formats.
  2. Develop client-side logic to consume data from API endpoints.
  3. Ensure compatibility with expected API responses and error states.

Additional Information

  • Report any documentation discrepancies promptly.
  • Direct technical inquiries or issues to the comments section.

Let's ensure smooth communication between client-side and backend systems for a great user experience. Happy coding!

Integrate Auth API with Frontend

Description

This issue is created to integrate the authentication API with the frontend. The authentication API provides a login endpoint at /auth/login to authenticate users. The request document for the login API is provided below:

API Endpoint

/auth/login

Method

POST

Request Example

{
  "username": "username",
  "email": "[email protected]",
  "password": "password"
}

Additional Details

Refer to the API documentation available at /api-docs for further details on the authentication API.

Tasks

  • Update frontend code to make a POST request to the /auth/login endpoint.

  • Implement the necessary logic to handle user authentication on the frontend.

  • Handle API responses appropriately (e.g., success, error).

  • Test the integration thoroughly to ensure seamless authentication.

Additional Notes

  • Ensure that the frontend is updated to handle authentication tokens or sessions after successful login.
  • Verify that error handling is implemented for cases such as invalid credentials or server errors.
  • Follow the API documentation for any specific requirements or considerations.

Implement React Redux for Optimizing Server Load

Objective:

Implementing React Redux to optimize server load by reducing multiple API calls to the backend in order to enhance performance and improve user experience.

Details:

In the current state of our project, multiple API calls to the backend are contributing to server load. To address this, we propose implementing React Redux to manage state efficiently within the client-side, reducing the need for repeated requests to the server.

Benefits:

  1. Reduced Server Load: By managing state locally with React Redux, we aim to minimize the number of API calls to the backend, thereby reducing the server load.

  2. Enhanced Performance: Improved client-side state management leads to faster rendering and a more responsive user interface.

  3. Better User Experience: Optimizing server load results in a smoother user experience, especially in scenarios with limited network bandwidth or high server traffic.

Tasks:

  • Integrate React Redux into the project.
  • Identify components requiring state management and connect them to the Redux store.
  • Refactor existing API calls to dispatch actions and update the Redux store.
  • Test and ensure proper functioning of the application with React Redux.
  • Update documentation to reflect changes made.

Additional Considerations:

  • Ensure backward compatibility with existing functionality.
  • Conduct thorough testing to identify and resolve any potential issues.
  • Document the implemented React Redux architecture for future reference.

Unit Test Issue: updateUser Endpoint

Description

This issue is created to implement unit testing for the updateUser endpoint. The endpoint is responsible for updating user details based on the provided data.

Details

Endpoint

/user/:userId

HTTP Method

PUT

Request Headers

  • Authorization: Bearer Token

Request Body Example

{
  "auth": {
    "email": "[email protected]",
    "username": "newusername",
    "oldPassword": "oldpassword",
    "newPassword": "newpassword"
  },
  "personalInfo": {
    "name": "New Name",
    "address": {
      "addressLine1": "New Address Line 1",
      "addressLine2": "New Address Line 2",
      "city": "New City",
      "state": "New State",
      "zipCode": "12345",
      "country": "New Country"
    },
    "contact": {
      "phone": "+1234567890",
      "email": "[email protected]",
      "website": "http://www.newwebsite.com",
      "github": "newgithub",
      "linkedin": "newlinkedin",
      "twitter": "newtwitter",
      "facebook": "newfacebook",
      "instagram": "newinstagram",
      "youtube": "newyoutube",
      "tiktok": "newtiktok",
      "snapchat": "newsnapchat",
      "pinterest": "newpinterest",
      "reddit": "newreddit",
      "discord": "newdiscord",
      "twitch": "newtwitch",
      "telegram": "newtelegram",
      "whatsapp": "newwhatsapp",
      "signal": "newsignal",
      "slack": "newslack",
      "medium": "newmedium"
    },
    "bio": "New Bio",
    "skills": "New Skills",
    "languages": "New Languages",
    "hobbies": "New Hobbies"
  },
  "professionalInfo": {
    "education": [
      {
        "college": "New College",
        "university": "New University",
        "degree": "New Degree",
        "fieldOfStudy": "New Field of Study",
        "grade": "A",
        "activities": "New Activities",
        "startDate": "2021-01-01",
        "endDate": "2023-01-01",
        "description": "New Education Description"
      }
    ],
    "experience": [
      {
        "company": "New Company",
        "title": "New Title",
        "location": "New Location",
        "startDate": "2023-01-01",
        "endDate": "2024-01-01",
        "description": "New Experience Description"
      }
    ],
    "certifications": [
      {
        "title": "New Certification",
        "issuingOrganization": "New Issuing Organization",
        "issueDate": "2023-05-01",
        "expirationDate": "2026-05-01",
        "credentialID": "New Credential ID",
        "credentialURL": "http://www.newcredential.com",
        "description": "New Certification Description"
      }
    ],
    "awards": [
      {
        "title": "New Award",
        "issuingOrganization": "New Issuing Organization",
        "issueDate": "2023-07-15",
        "description": "New Award Description"
      }
    ],
    "publications": [
      {
        "title": "New Publication",
        "publisher": "New Publisher",
        "publicationDate": "2024-03-01",
        "publicationURL": "http://www.newpublication.com",
        "description": "New Publication Description"
      }
    ],
    "projects": [
      {
        "title": "New Project",
        "link": "http://www.newproject.com",
        "startDate": "2024-06-01",
        "endDate": "2024-12-01",
        "description": "New Project Description"
      }
    ],
    "languages": [
      {
        "name": "New Language",
        "proficiency": "Advanced"
      }
    ],
    "skills": [
      {
        "name": "New Skill",
        "proficiency": "Intermediate"
      }
    ]
  }
}

Steps to Reproduce

  1. Make a PUT request to the /user/:userId endpoint with the provided request body.
  2. Include a valid Bearer Token in the Authorization header.
  3. Verify that the user details are updated successfully.

Acceptance Criteria

  1. The endpoint should return a 200 OK response upon successful update.
  2. Verify that the user details are updated correctly in the database.
  3. Implement appropriate error handling and validation.

Additional Notes

  • Refer API docs at endpoint /api-docs
  • Setup .env with reference of .env.example
  • Verify the updation of database.
  • Consider testing different scenarios, such as updating only specific fields, handling invalid input, etc.

Environment

  1. Node.js version: v18.19.0, npm : v10.2.3
  2. Testing Framework: Mocha and Chai
  3. Database: MongodB

GitHub Review: Main Branch Protection Rule Issue

GitHub Review: Main Branch Protection Rule Issue

Issue Description

The current main branch protection rules in the project repository pose challenges for collaborators in effectively contributing to the codebase. Two specific rules, 'Require a pull request before merging' and 'Require review from Code Owners,' are causing unnecessary obstacles for collaborators. Additionally, the 'Restrict deletions' rule hinders collaborators from managing the code directly.

Problematic Rules:

  1. Require a pull request before merging:

    • This rule can impede quick and direct contributions, especially for minor changes or bug fixes. It might be beneficial to evaluate whether this level of restriction is necessary for all contributors.
  2. Require review from Code Owners:

    • While code reviews are essential, making it mandatory for Code Owners might lead to delays in the contribution process. Some changes may not necessarily require approval from Code Owners, and this rule might create unnecessary bottlenecks.

Suggested Actions:

  • Review 'Require a pull request before merging':

    • Consider relaxing this rule for trusted collaborators to streamline the contribution process. For larger changes, maintain the pull request process, but for minor edits, it may be beneficial to allow direct pushes.
  • Review 'Require review from Code Owners':

    • Evaluate the necessity of mandatory Code Owner reviews for every change. This can be adjusted based on the nature and criticality of the changes. Critical changes might still require Code Owner reviews, while minor changes could proceed without this restriction.
  • Review 'Restrict deletions' rule:

    • Collaborators often need to make quick adjustments or fixes directly in the main branch. Consider whether the 'Restrict deletions' rule is essential for all collaborators or if it could be adjusted to allow certain users to manage code more efficiently.

Proposed Solution

A balanced approach to branch protection rules would encourage collaboration and make it easier for contributors to make positive contributions. The current strict rules, especially 'Require a pull request before merging' and 'Require review from Code Owners,' may need adjustment to strike the right balance between maintaining code quality and enabling efficient collaboration.

Additional Notes

Feel free to discuss these proposed changes further and gather feedback from the team. The aim is to optimize the contribution process while ensuring the integrity and quality of the codebase.

Server Error: Modification of .env During Development

Server Error: Modification of .env During Development

Description

It has come to our attention that the server is encountering errors, possibly due to modifications made to the .env file during the development phase. This issue needs to be addressed promptly to ensure the stability and functionality of our system in the production environment.

Error Details

The .env file appears to have been altered during development, leading to unexpected behavior and server errors in the production environment.

Proposed Solution

To rectify this issue, you need to update the .env file in the production environment on Vercel according to the provided .env.example. This will ensure that the necessary environment variables are correctly configured for production use, preventing any discrepancies and errors.

Action Plan

  • Review the changes made to the .env file during development.
  • Compare the .env file against the .env.example file to identify any missing or incorrect environment variables.
  • Update the .env file in the Vercel production environment with the correct configurations from .env.example.
  • Test the server to ensure that the changes have resolved the server error and that the system is functioning as expected in the production environment.

Additional Note

If the deployment is still not fixed after updating the .env file, please provide the server logs in the comment section to further investigate and diagnose the issue.

Assignee

Server Administrator: @Hunter-420

Deadline

This issue needs to be resolved at the earliest to minimize disruption to the system. I propose a deadline of Feb 12, 2024.

Your prompt attention to this matter is greatly appreciated.

Thank you.

Main Branch Code Synchronization Issue Due to Inappropriate Pull Request Merging

Description

The main branch of our repository is experiencing synchronization issues due to inappropriate merging of pull requests by the repository owner. This has led to merge conflicts in subsequent states of the project and a mismatch of the production code. These synchronization issues pose a significant risk to our production pipeline and may result in serious problems if not resolved immediately.

Steps to Reproduce

  1. Attempt to merge a pull request into the main branch.
  2. Observe merge conflicts and inconsistencies in the production code.

Expected Behavior

The main branch should maintain a synchronized and consistent state with the latest changes, avoiding any conflicts or mismatches in the production code.

Actual Behavior

Due to inappropriate merging of pull requests, the main branch is experiencing synchronization issues, leading to conflicts and inconsistencies in the production code.

Impact

  • Risk to the stability of our production pipeline.
  • Potential for serious problems in the production environment.

Recommendations

  • Review and address the inappropriate merging practices.
  • Establish guidelines and best practices for pull request merging.
  • Prioritize resolving merge conflicts and synchronizing the main branch code.
  • Consider recreating the main branch from a stable state to ensure clean synchronization.
  • Consider updating the production server with the latest synchronized code after resolving the main branch issues.

Additional Information

  • This issue requires immediate attention to prevent further disruptions to our production pipeline.
  • Any delay in resolving this issue may lead to severe consequences for our project and organization.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.