ayushsarode / cardconnect-hacktoberfestedition23

Join us for Hacktoberfest 2023! Beginner-friendly Repository, Start your Open-Source Journey!

Welcome to the Card-Connect Repository

📃 Table of Contents

1. Introduction
2. Get started with Open-source
3. Questions or Help Needed?
4. Authors
5. Repository Status
6. Our Contributors
   
   

🌐 Purpose

This repository is dedicated to welcoming new contributors to the world of Open-source software development. We believe that open source is a collaborative endeavor, and we are excited to have you on board!

We welcome you to contribute and enhance your skills to participate in Open-source development with us :)

PS: In this repository, we are focused on encouraging Open-source contributing and this repository is just for acquainting our contributors with Open-source, i.e. PRs made here won't count for Hactoberfest.

🌱 Get started with Open-source

If you're new to open source or just looking to contribute to a project in Hactoberfest, here are some steps to help you get started:

1. Register for Hacktoberfest on the official website: Hacktoberfest

2. Fork the Repository:
   

• Click the "Fork" button in the upper-right corner of the repository's page. This creates a copy (fork) of the repository in your GitHub account.

3. Check out all intructions before beginning to contribute.

In our repository,
a. Copy the HTML code below and replace the placeholders with your information and URLs:

<figure class="Card">
    <div class="profile-image"><img src="{IMAGE-URL}" alt="Profile-Image" /></div>
    <figcaption>
        <h3>{YOUR_NAME}</h3>
        <h5 class="Role">Contributor</h5>
        <div class="line"></div>
        <div class="icons">
            <a href="GITUHB_URL" target="_blank"><i class="ion-social-github" id="github"></i></a>
            <a href="TWITTER_URL" target="_blank"><i class="ion-social-twitter" id="twitter"></i></a>
            <a href="LINKEDIN_URL" target="_blank"><i class="ion-social-linkedin" id="linkedin"></i></a>
        </div>
    </figcaption>
</figure>

b. Navigate to the "index.html" file, access the editing mode, insert the provided code above this comment
<!-- Please place the code above this line --> in html file.

• Replace {IMAGE-URL} with your image URL, {YOUR_NAME} with your name, GITUHB_URL with your GitHub URL, TWITTER_URL with your Twitter URL, and LINKEDIN_URL with your LinkedIn URL.
• Note: If you don't have an account on a particular platform, just remove the corresponding anchor tag block

4. Create a Pull Request to add the changes to the repository.
   Here, please change the title to "added {your-name}"

5. Please patiently await the repository maintainer's review and be open to making further changes if requested. Your cooperation and flexibility are greatly appreciated!

For More Details check out contributing.md

⚒ Questions or Help Needed?

If you have any questions or need assistance, feel free to open an issue or reach out to our community. We are here to help!

👨‍💻 Authors

• AyushSarode
  
  

📊 Repo Status

👥 Our Contributors

Thank you to all the amazing contributors~
Show some ❤️ by starring this awesome repository!

cardconnect-hacktoberfestedition23's Issues

added my card.

Added a card of my own in the website

Improvement of the Border radius and a footer enhancement

The cards border radius is appearing rounded from only one side and does not looks so good. It would be good if the card appears properly. I would like to work on that issue and a little bit improvement can be made in the footer also. It would be appreciated if you assign this issue to me.

Hover on card box (attractive)

Make the box attractive when someone hovers onto it.

restructured it, all the Data should be in JSON

i will like to add my card also

[ENHANCEMENT] Cards can be enhanced more to give it style for both light and dark mode users

The cards section could be enhanced further like hover effect...popping out etc. I would like to raise and submit PR for this,please consider it and review :) Thank you

README.md has wrong format for profile

[Enhancement] - Credits can be enhanced

Screenshot:

Issue:

1. The name should begin with a capital 'A'.
2. I suggest we use the Typed.js library to create a typewriter effect for the entire credit text, making it appear as if it's being written in real-time. This will make the page more interactive
   Reference: https://mattboldt.com/demos/typed-js/

I would like to work on this issue if it aligns with the goals of the project.

Improve the Title

Make the title more appealing to the audience.
Instead of "Profile Card" use "Profile Card Hacktoberfest Edition"

Improvement in the Reference html code in README.md

Hey!
I think fixed width and height of the profile image would make the whole document be more organized and uniform for all entries.
I'd like to make an edit in the code for the same

Create a Scroll Back To Top Button

As the web app will get longer and longer, create a scroll back to top button so that it'll be easy for user to go on the top of the Page

Inconsistance instructions

In the readme, it is saying to add the code snippets above the line but in the index.html it is saying to add code snippets below the lines

THIS REPOSITORY IS EXCLUDED FROM HACKTOBERFEST2023 . DON'T CONTRIBUTE IN THIS REPO :(

Create Readme.md

Add readme.md file.
Sections we need -

1. Introduction
2. Contributing (redirect to contributing.md)
3. License
4. author
5. Contributors

Also If you have ideas on how we can improve the docs, Suggest us!
Thank you!

add Responsiveness to website

We need to improve the responsiveness of our website for mobile and tablet version.

Profile card

Can I add my profile card or login page here

Optimize the code

Create a DB file where all data will be stored

whenever one needs to add their info they can add it in the db.json file it will automatically reflect.

Why?
Decrease the number of lines in code