This is a web application that allows users to generate a stylish README.md file for their GitHub profiles. It provides a user-friendly form to input personal information, select a template style, choose skills and technologies, and automatically integrate GitHub statistics.
- Personal Information: Input your full name, GitHub username, custom section name, bio, email, Twitter/X handle, and portfolio/website URL.
- Template Selection: Choose from 5 predefined README styles: Professional, Funny, Joke, Mini, and Creative.
- Skills & Technologies: Select your programming languages, frontend, backend & database, and tools & DevOps skills from categorized lists.
- GitHub Stats Integration: Automatically display your GitHub profile statistics, top languages, and streak stats using the Vercel API.
- Real-time Preview: See a live preview of your generated
README.mdas you fill out the form. - Copy & Download: Easily copy the generated Markdown content or download it as a
README.mdfile.
- React: Frontend JavaScript library for building user interfaces.
- Bootstrap: CSS framework for responsive and mobile-first front-end web development.
- React-Hook-Form: For efficient and flexible form management.
- React-Markdown: For rendering Markdown content in React components.
To get this project up and running on your local machine, follow these steps:
- Clone the repository:
git clone https://github.com/OpenRim/readme-generator.git cd readme-generator - Install dependencies:
npm install
- Start the development server:
The application will be accessible at
npm run dev
http://localhost:5173/(or another port if 5173 is in use).
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
This project is built with React and TypeScript. We follow standard coding practices and use ESLint for linting. Please ensure your contributions adhere to these standards.
-
Fork the Project: Click the 'Fork' button at the top right of the main repository page. This creates a copy of the project in your own GitHub account.
-
Clone Your Fork:
git clone https://github.com/YOUR_USERNAME/readme-generator.git cd readme-generator -
Create a New Branch: Create a descriptive branch name for your new feature or fix.
- For a new feature:
git checkout -b feature/AmazingFeature
- For a bug fix:
git checkout -b fix/SomeBug
- For a new feature:
-
Make Your Changes: Implement your feature or fix the bug.
-
Commit Your Changes: Use a conventional commit message to describe your changes clearly.
- For a new feature:
git commit -m 'feat: Add some AmazingFeature' - For a bug fix:
git commit -m 'fix: Correct SomeBug'
- For a new feature:
-
Push to Your Branch:
git push origin feature/AmazingFeature
-
Open a Pull Request: Go to the original repository on GitHub and click the 'New pull request' button. Fill out the PR template with a clear description of your changes.
This project is licensed under the MIT License - see the LICENSE file for details.
- GitHub: zeini-23025
- Email: zeiny.cheikh.dev@gmail.com
If you find this project helpful, please consider giving it a ⭐ to show your support!