gyanthakur / dev_profiles

DevProfiles

A place to list and shocase your developer skills and profile

Contribute.

1. Give Star on the repo

2. Follow Account

3. Fork this Repository

4. add following code to HTML index.html between another <!--Profiles--> comment

5. before adding profile or project, update or sync your branch by clicking Sync forkbutton

5.and keep in mind don't add in top and bottom your profile, add in between.

        <div class="profile">
            <!-- change './default.png' to your profile image url -->
            <div class="pfp"><img src="./default.png" alt="User Image"></div>
            <h3 class="name">Your Name</h3>
            <div class="skills">
                <span class="skill">[SKILL-1]</span>
                <span class="skill">[SKILL-2]</span>
                <span class="skill">[SKILL-3]</span>
                <span class="skill">[SKILL-3]</span>
                <span class="skill">[SKILL-3]</span>
            </div>
            <div class="social">
                <a href="[YOUR GITHUB URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
                <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
                <a href="[YOUR LINKEDIN URL]" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
        </div>
    </div>

Note: Do not add your profile in top.

3. Change/Replace the placeholders with your image and profiles urls
   • [IMAGE-URL] with your image URL
   • [YOUR_NAME] with your name
   • [SKILL-1], [SKILL-2], [SKILL-3] with your skills
   • [YOUR GITHUB URL], [YOUR X/TWITTER URL] & [YOUR LINKEDIN URL] with your Github, X/Twitter & LinkedIn profile URL repectively.

and your project in project.html as follows and keep in mind don't add in top and bottom your project, add in between another project.

        <div class="profile">
            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
            <h3 class="name">Gyan Pratap Singh</h3>
            <div class="project">
                <a href="[Your Github URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
                <a href="[Your Github Repository URL]" target="_blank"><i class="fa-solid fa-money-bill-transfer"></i></a>
                <a href="[Project Deploy URL(If applicable)]" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
            </div>
            <div class="projectNam">
                <span >Your Project Title</span>
                <!-- Do not change Repo URl and Dploy Link given under two line  -->
                <span >Repo Url</span>
                <span >Deploy Link</span>
            </div>
            <div class="skills">
                <span class="skill">Skill-1</span>
                <span class="skill">Skill-2</span>
                <span class="skill">Skill-3</span>
                <span class="skill">Skill-4</span>

            </div>
            <div class="social">
                <a href="[YOUR GITHUB URL]" target="_blank"><i class="fa-brands fa-github"></i></a>
                <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
                <a href="[YOUR LINKEDIN URL]" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
            </div>
        </div>

4. Commit your changes.

5. Push the changes.

6. Create a Pull Request.

7. Wait for Merge.

Thank You

Thank you to every contributor of this repository
Show some love by giving a star ⭐ to this repository!

dev_profiles's Issues

Added Profile

Hello I've added my profile and created pull request but showing the following error, Please Help Me with the same @jazxii @Gyanthakur

Made a Pull Request to add my profile

I've made a pull request that is #76 . Please look though and accept the merge. Let me know if there's any error

fixing social media icons hovering issue

when we hover over social media icons, whole page transforms to adapt to new height for scaled icon, but now i have assigned fixed height to the profile div i.e. 448 px, so that it doesn't expand the whole div when hovering.

change card designe

make changes according to dark as well as light mode

Work with me 8957818597

use WhatsApp: [phone]

directly assign issue to you

We can add animations to the cards

We can add animations or other styling to make it even more attractive

Add social media icon in footer section

change unique and attractive frontend

Redesign profile card , and assest optimizations for better loading

hi

i can redesign the card to look even better.

can you pls assign me this task and this design is matching with the website even more :)

i can add assest optimizations for better loading

Add footer in project section

fix the light mode

In light_mode invisible the text under the icon fix it

Add : Footer section on webpage

Adding footer section on webpage which include copyright logo and it's details

Fix Responsiveness for Dark mode Button

The dark mode button overlaps other features in mobile view.

Attached Screenshots:

Bug: The search option is not functioning properly in the project section.

In the project section, Sorting of the cards is not executed when searching by name.

Same icon in dark as well as light mode and Font of the title is not appealing

Sun icon should be present for light mode and the moon for dark mode.The font of the title needs to be replaced.

change frontend designe

change design by using linear gradient color

cards

cards

work with me

use WhatsApp: [phone]

directly assign issue to you

chore: Refactor of index.html

Problem: index.html file is getting lengthier due to code duplication. As more dev profiles keeps on increasing the html file size will increase. Which can also affect the page load speed and maintainability of the project.

Solution: We can take a component based approach and abstract the component in vanilla js and separate the dev profile data. This will make the project more clean and a lot more maintainable with other benefits like reduced file sizes.

I'd like to work on this issue.

Default Profile Image

I want to add some more padding and create a default user profile image. @Gyanthakur Please assign this to me.

Change footer design

Add YOUR profile (Hacktober Fest)

Hi,

I will add my details in the index.html file.

Best,
Rehan.

Bug: Dark and light theme toggle.

When we toggle to the light theme the text for the smaller screen gets overlaps to it.
Image 1:

Image2:

Also, in the dark theme, the name of the profile holder is not visible:

Duplicate entries in the Dev project sections

Found duplicate project entries and also there is no option add the projects

Improve Footer Design

Some Padding and Margins can be given to the Footer to improve the aesthetics of the website.
This is how it looks right now:

Add light mode and dark mode

Add one button for dark mode and light mode