First of all, thank you for considering contributing to the Smart README Generator! 🎉
We welcome contributions from developers of all skill levels to help make README creation easier for everyone.
Click the Fork button on the top right of this repository to create a copy under your own GitHub account.
git clone [https://github.com/](https://github.com/)<your-username>/smart-readme-generator.git
cd smart-readme-generator-
Navigate to the backend directory:
cd backend -
Install dependencies:
npm install
-
Configure environment variables:
cp .env.example .env
Open
.envand add your GitHub API Token and OpenAI API Key. -
Start the development server:
npm run dev
-
Open a new terminal and navigate to the frontend:
cd frontend -
Install dependencies:
npm install
-
Run the development server:
npm run dev
The app should now be running at
http://localhost:3000.
To keep the main codebase stable, please create a new branch for every feature or fix:
git checkout -b feature/your-feature-namefeature/...→ New features (e.g.,feature/dark-mode-toggle)fix/...→ Bug fixes (e.g.,fix/api-rate-limit)docs/...→ Documentation updatesrefactor/...→ Code improvements or folder restructuring
We follow Conventional Commits to keep our project history clean.
Examples:
feat: add OpenAI GPT-4 integration for bio generationfix: resolve responsive issues on mobile editordocs: update setup instructions in contributing guiderefactor: optimize Redux state for template selection
-
Push your branch:
git push origin feature/your-feature-name
-
Open a Pull Request (PR): Go to the original repository and click "Compare & pull request."
-
Pre-submission Checklist:
- Code builds successfully in both
frontend/andbackend/. - No linting errors (
npm run lint). - Your changes are clearly described in the PR description.
- Code builds successfully in both
-
Review: Maintainers will review your code. Please stay active for feedback!
- UI/UX: We use Tailwind CSS for styling. Ensure your components are responsive and support both Dark and Light themes.
- State Management: Use Redux Toolkit (slices) for global state like themes or editor content.
- Code Quality: Ensure code is formatted using Prettier and passes ESLint checks.
- Accessibility: Since we focus on professional READMEs, ensure the UI is accessible (WCAG compliant where possible).
Looking for ways to help? Check out these areas:
- Templates: Add new
.mdtemplates tofrontend/templates/. - AI Logic: Improve the prompt engineering in
backend/services/aiService.ts. - Features: Add an "Undo/Redo" functionality to the live editor.
- Testing: Write unit tests for the GitHub API integration.
Please be respectful and inclusive. We aim to maintain a welcoming environment for all contributors.
Your efforts help developers build better profiles. Let's build something great! 🚀