Skip to content

Add beginner-friendly Quick Start guide to README#1201

Open
marvan5111 wants to merge 1 commit intoAOSSIE-Org:mainfrom
marvan5111:fix-readme-typo
Open

Add beginner-friendly Quick Start guide to README#1201
marvan5111 wants to merge 1 commit intoAOSSIE-Org:mainfrom
marvan5111:fix-readme-typo

Conversation

@marvan5111
Copy link

@marvan5111 marvan5111 commented Feb 28, 2026

This PR adds a Quick Start section to the README with step-by-step instructions
for cloning the repository, setting up the Python backend, and installing frontend dependencies.
It also includes a tip for beginners to start with the backend first for easier testing.

This makes the project setup clearer and more welcoming for new contributors.

Addressed Issues:

Fixes #(TODO:issue number)

Screenshots/Recordings:

Additional Notes:

Checklist

  • My PR addresses a single issue, fixes a single bug or makes a single improvement.
  • My code follows the project's code style and conventions
  • If applicable, I have made corresponding changes or additions to the documentation
  • If applicable, I have made corresponding changes or additions to tests
  • My changes generate no new warnings or errors
  • I have joined the Discord server and I will share a link to this PR with the project maintainers there
  • I have read the Contribution Guidelines
  • Once I submit my PR, CodeRabbit AI will automatically review it and I will address CodeRabbit's comments.

AI Usage Disclosure

Check one of the checkboxes below:

  • This PR does not contain AI-generated code at all.
  • This PR contains AI-generated code. I have tested the code locally and I am responsible for it.

I have used the following AI models and tools: TODO

⚠️ AI Notice - Important!

We encourage contributors to use AI tools responsibly when creating Pull Requests. While AI can be a valuable aid, it is essential to ensure that your contributions meet the task requirements, build successfully, include relevant tests, and pass all linters. Submissions that do not meet these standards may be closed without warning to maintain the quality and integrity of the project. Please take the time to understand the changes you are proposing and their impact.

Summary by CodeRabbit

  • Documentation
    • Added a "Quick Start for Beginners" section to the README with a comprehensive step-by-step bootstrap guide for setting up and running the complete application stack. Includes explicit commands for project cloning, environment configuration, dependency installation, and startup for both backend and frontend environments.

@github-actions
Copy link
Contributor

⚠️ No issue was linked in the PR description.
Please make sure to link an issue (e.g., 'Fixes #issue_number')

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Feb 28, 2026

Walkthrough

README.md received a new "Quick Start for Beginners" section containing step-by-step setup and run instructions for both the Python backend and Node.js frontend, including repository cloning, virtual environment configuration, dependency installation, and startup commands.

Changes

Cohort / File(s) Summary
Documentation
README.md
Added "Quick Start for Beginners" section with end-to-end setup and run instructions for backend (Python) and frontend (Node.js) environments.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Suggested labels

Documentation

Poem

🐰 A readme blooms with steps so clear,
For beginners finding their way here,
Clone, install, run with glee—
Getting started's now easy as can be! 🚀

🚥 Pre-merge checks | ✅ 2
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main change: adding a beginner-friendly Quick Start guide to the README, which directly matches the file modifications.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions
Copy link
Contributor

⚠️ No issue was linked in the PR description.
Please make sure to link an issue (e.g., 'Fixes #issue_number')

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 3

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@README.md`:
- Around line 24-36: The fenced code blocks containing the shell commands ("pip
install -r requirements.txt", "cd frontend", and "npm install") are missing
language identifiers and trigger markdownlint MD040; update each triple-backtick
fence to use bash (i.e., change ``` to ```bash) for those three blocks so they
are properly annotated as shell commands.
- Around line 15-17: Replace the personal-fork clone URL in the README's "Clone
the repository" step (the git clone line that points to marvan5111/PictoPy) with
the project's canonical upstream repository URL so new contributors clone the
main project; update that single git clone line in the README accordingly and
keep the subsequent cd PictoPy step unchanged.
- Around line 38-40: Replace the incorrect and ambiguous backend startup
instruction "python app.py" with the verified command "cd backend && python
main.py" in the README run section, and remove the fallback parenthetical "(or
the main backend entry file)" so the Backend line reads a single, working
command; locate the current entry under the "Run the project" section and update
that Backend line accordingly.

ℹ️ Review info

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8274ebd and 6601df3.

📒 Files selected for processing (1)
  • README.md

Comment on lines +15 to +17
1. **Clone the repository**
git clone https://github.com/marvan5111/PictoPy.git
cd PictoPy
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

Use the canonical repository URL in clone instructions.

Line 16 currently points to a personal fork, which can misdirect new contributors and break expected upstream workflow. Please switch it to the main project repository URL.

Suggested fix
- git clone https://github.com/marvan5111/PictoPy.git
+ git clone https://github.com/AOSSIE-Org/PictoPy.git
  cd PictoPy

As per coding guidelines, "Confirm that the code meets the project's requirements and objectives".

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
1. **Clone the repository**
git clone https://github.com/marvan5111/PictoPy.git
cd PictoPy
1. **Clone the repository**
git clone https://github.com/AOSSIE-Org/PictoPy.git
cd PictoPy
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@README.md` around lines 15 - 17, Replace the personal-fork clone URL in the
README's "Clone the repository" step (the git clone line that points to
marvan5111/PictoPy) with the project's canonical upstream repository URL so new
contributors clone the main project; update that single git clone line in the
README accordingly and keep the subsequent cd PictoPy step unchanged.

Comment on lines +24 to +36
```
pip install -r requirements.txt
```

3. **Frontend setup (Node.js)**
- Navigate to the frontend folder:
```
cd frontend
```
- Install dependencies:
```
npm install
```
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Add language identifiers to fenced code blocks.

Lines 24, 30, and 34 use fenced blocks without a language, which triggers markdownlint (MD040). Use bash for command snippets.

Suggested fix
-  ```
+  ```bash
   pip install -r requirements.txt

...

  • cd frontend

...

  • npm install
</details>

<details>
<summary>🧰 Tools</summary>

<details>
<summary>🪛 markdownlint-cli2 (0.21.0)</summary>

[warning] 24-24: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

---

[warning] 30-30: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

---

[warning] 34-34: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

</details>

</details>

<details>
<summary>🤖 Prompt for AI Agents</summary>

Verify each finding against the current code and only fix it if needed.

In @README.md around lines 24 - 36, The fenced code blocks containing the shell
commands ("pip install -r requirements.txt", "cd frontend", and "npm install")
are missing language identifiers and trigger markdownlint MD040; update each
triple-backtick fence to use bash (i.e., change tobash) for those three
blocks so they are properly annotated as shell commands.


</details>

<!-- fingerprinting:phantom:triton:hawk -->

<!-- This is an auto-generated comment by CodeRabbit -->

Comment on lines +38 to +40
4. **Run the project**
- Backend: `python app.py` (or the main backend entry file)
- Frontend: `npm start`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

# First, let's see the repository structure and find the backend entry file
cd "$(git rev-parse --show-toplevel)" || exit
echo "=== Repository Structure ==="
git ls-files | head -30
echo ""
echo "=== Looking for backend entry files ==="
fd -type f '(app\.py|main\.py|pyproject\.toml|setup\.py|requirements\.txt)' . | head -20

Repository: AOSSIE-Org/PictoPy

Length of output: 1186


🏁 Script executed:

# Read the README.md around lines 38-40 to see the context
echo "=== README.md (lines 30-50) ==="
sed -n '30,50p' README.md

Repository: AOSSIE-Org/PictoPy

Length of output: 456


🏁 Script executed:

# Search for FastAPI or Flask app initialization and entry points
echo "=== Searching for app initialization patterns ==="
rg -l 'FastAPI|Flask|app\s*=|if __name__' --type py . | head -10

Repository: AOSSIE-Org/PictoPy

Length of output: 386


🏁 Script executed:

# Check for actual backend entry file
echo "=== Checking common entry points ==="
for file in app.py main.py backend.py server.py; do
  if [ -f "$file" ]; then
    echo "Found: $file"
    head -20 "$file"
    echo "---"
  fi
done

Repository: AOSSIE-Org/PictoPy

Length of output: 98


🏁 Script executed:

# Check for pyproject.toml or setup.py for entry points
echo "=== Checking pyproject.toml for entry points ==="
if [ -f "pyproject.toml" ]; then
  cat pyproject.toml
fi

Repository: AOSSIE-Org/PictoPy

Length of output: 110


🏁 Script executed:

# Search in backend directory if it exists
echo "=== Looking for backend-specific structure ==="
find . -type d -name 'backend' -o -type d -name 'server' -o -type d -name 'api' | head -5

Repository: AOSSIE-Org/PictoPy

Length of output: 152


🏁 Script executed:

# Read the backend main.py to understand the proper invocation
echo "=== backend/main.py (first 50 lines) ==="
head -50 backend/main.py

Repository: AOSSIE-Org/PictoPy

Length of output: 1831


🏁 Script executed:

# Check CONTRIBUTING.md for backend setup instructions
echo "=== CONTRIBUTING.md ==="
cat CONTRIBUTING.md

Repository: AOSSIE-Org/PictoPy

Length of output: 3065


🏁 Script executed:

# Look for any setup or startup scripts
echo "=== Searching for setup/startup documentation ==="
find . -type f \( -name 'SETUP.md' -o -name 'DEVELOPMENT.md' -o -name 'setup.py' -o -name 'Makefile' \) 2>/dev/null

Repository: AOSSIE-Org/PictoPy

Length of output: 111


🏁 Script executed:

# Check if there are any docker files or scripts that show how to run the backend
echo "=== Checking for docker or startup scripts ==="
find . -type f \( -name 'Dockerfile*' -o -name 'docker-compose*' -o -name '*.sh' \) | head -20

Repository: AOSSIE-Org/PictoPy

Length of output: 236


🏁 Script executed:

# Check the backend run.sh script to see proper invocation
echo "=== backend/run.sh ==="
cat backend/run.sh

Repository: AOSSIE-Org/PictoPy

Length of output: 875


🏁 Script executed:

# Also check if there are environment setup requirements
echo "=== backend/.gitignore or requirements.txt ==="
ls -la backend/ | grep -E "requirements|\.env|setup"

Repository: AOSSIE-Org/PictoPy

Length of output: 175


🏁 Script executed:

# Check for any README in backend directory
echo "=== backend directory contents ==="
ls -la backend/ | head -20

Repository: AOSSIE-Org/PictoPy

Length of output: 935


Update README backend startup command to use the actual entry point.

Line 39 documents python app.py which does not exist in this repository. The actual backend entry point is backend/main.py. Replace the ambiguous instruction with the correct command: cd backend && python main.py.

The fallback text "(or the main backend entry file)" is vague and will confuse beginners. Provide a single, verified command that actually works.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@README.md` around lines 38 - 40, Replace the incorrect and ambiguous backend
startup instruction "python app.py" with the verified command "cd backend &&
python main.py" in the README run section, and remove the fallback parenthetical
"(or the main backend entry file)" so the Backend line reads a single, working
command; locate the current entry under the "Run the project" section and update
that Backend line accordingly.

@marvan5111
Copy link
Author

Hi maintainers,
This is my first contribution to PictoPy. I’d love to continue helping with documentation and beginner-friendly improvements. Please let me know if I can be added as a contributor to the project.
Thanks!

@marvan5111
Copy link
Author

Addressed Issues: N/A

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant