Welcome to the Developer Profile Card Showcase for Hacktoberfest 2025! 🎉 This repository is a creative space for you to design and share your own unique developer profile card using HTML and CSS. It's a perfect project for everyone, especially those new to open source. The goal is to create a beautiful, collaborative gallery of developer profiles from around the world.
Contributing to this project is a simple, three-step process. Follow these instructions carefully to get your pull request merged and count towards your Hacktoberfest goals!
-
Fork the Repository
- Click the "Fork" button at the top right of this page to create your own copy of this project.
-
Clone Your Fork
- Clone your forked repository to your local machine. Replace
YOUR_USERNAMEwith your GitHub username.
git clone [https://github.com/YOUR_USERNAME/Hacktoberfest2025.git](https://github.com/YOUR_USERNAME/Hacktoberfest2025.git) cd Hacktoberfest2025 - Clone your forked repository to your local machine. Replace
-
Create Your Folder
- Navigate to the
profilesdirectory. - Inside this folder, create a new folder named with your GitHub username. (e.g.,
profiles/dsawithaditi). This is where all your files will go.
- Navigate to the
-
Set Up the File Structure
- Inside your
[your_username]folder, create the following file structure:
your_username/ ├── assets/ │ └── images/ ├── css/ │ └── style.css ├── js/ │ └── main.js (Optional: for animations) └── index.html - Inside your
-
Build Your Profile Card
- Now, get creative! Code your unique developer profile card within the files you just created. Make it your own—add your picture, links, skills, and style. Make sure it's a self-contained project that runs from your
index.html.
- Now, get creative! Code your unique developer profile card within the files you just created. Make it your own—add your picture, links, skills, and style. Make sure it's a self-contained project that runs from your
To showcase your work, you need to deploy only your profile card's folder to Netlify for a live preview.
-
Log in to Netlify:
- Go to netlify.com and log in or sign up.
-
Deploy Manually:
- From your Netlify dashboard, click on "Add new site" and select "Deploy manually".
- Drag and drop your username folder (e.g., the
dsawithaditifolder, not the entireHacktoberfest2025project) into the upload area.
-
Configure Your Site:
- Once uploaded, go to the site settings. Click "Change site name" and give your project a unique name.
- Copy the live URL of your project (e.g.,
aditi-profile-card.netlify.app).
-
Update
contributors.json:- Open the
contributors.jsonfile in the root of the main project. - Add a new JSON object with your details at the end of the list.
- Add a
tagsarray to help categorize your card. Please add 3-4 relevant tags that describe your design's style or features.
Example format:
{ "name": "Aditi", "occupation": "Full-Stack Developer", "place": "Delhi, India", "bio": "Building beautiful things for the web!", "github_profile_url": "[https://github.com/dsawithaditi](https://github.com/dsawithaditi)", "project_netlify_link": "[https://aditi-profile-card.netlify.app](https://aditi-profile-card.netlify.app)", "tags": ["minimalist", "animation", "dark-theme"] }Good tag examples:
minimalist,retro,glassmorphism,neumorphism,dark-theme,light-theme,animation,interactive. - Open the
-
Commit and Push Your Changes:
- Add your changes to git and push them to your forked repository.
git add . git commit -m "feat: Add profile card for dsawithaditi" git push origin main
-
Open a Pull Request:
- Go to your forked repository on GitHub and click the "Contribute" button, then "Open pull request".
- Provide a clear title and description for your pull request.
- Wait for your PR to be reviewed and merged.
- Please do not create spam or low-effort pull requests.
- Ensure your profile card is your own original work.
- Your card should be responsive and work on different screen sizes.
- Follow the prescribed folder and file structure.
A huge thank you to all the wonderful people who have contributed to this project! This section will automatically update as we merge new pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.
Thank you for your contribution! Happy Hacking! 🚀