Loading repository data…
vishanurag / repository
This is a simple web project that is made with an aim to learn about canvas element of html. Now, this project is open to all of the amazing contributors.
Hello Coders!!👨💻 I am Aanurag Vishwakarma, an aspiring Web developer🤖. Here is the project on front-end Web Development.
├── 404.html
├── Blog_page.html
├── CODE_OF_CONDUCT.md
├── Contributing.md
├── Faq.html
├── Feedback.html
├── LICENSE
├── Mini-canvas-painting-bird-of-paradise-1.jpg
├── README.md
├── about-us.html
├── about.html
├── auth.css
├── auth.html
├── basictemp.html
├── blog.html
├── canva.css
├── canva.html
├── canva.js
├── canva.md
├── canvas.jpg
├── community.html
├── contact-app.js
├── contact-pagePic1.jpeg
├── contact-pagePic2.jpeg
├── contact-pagePic3.jpeg
├── contact-style.css
├── contact.html
├── contributors.html
├── download (1).webp
├── edition.html
├── feature.webp
├── forgot_password.html
├── gssocextd.webp
├── icon-192x192.png
├── icon-512x512.png
├── index.html
├── login.html
├── logo4.png
├── m_gen_canvas-square-p1_72f6de51-aaf7-4177-b19a-c8aae91404be.avif
├── manifest.json
├── package-lock.json
├── package.json
├── popup.jpg
├── popup.js
├── privacy.html
├── profile.html
├── profileedit.html
├── repo_structure.txt
├── repreviewfix.html
├── resources/
│ ├── favicon.ico
│ ├── layered-project.zip
│ └── painting_image.webp
├── review.html
├── script1.js
├── scripts.js
├── signup.html
├── src/
│ ├── Contributor.css
│ ├── Contributor.html
│ ├── Contributor.js
│ ├── Scripts/
│ │ ├── BacktoTop.js
│ │ ├── Canvas.js
│ │ ├── Save.js
│ │ ├── contributor.js
│ │ ├── dropdown.js
│ │ ├── keyboard-shortcuts.js
│ │ ├── preloader.js
│ │ └── typing.js
│ ├── Styles/
│ │ ├── Responsive.css
│ │ ├── Style.css
│ │ ├── Style_Blog_page.css
│ │ ├── contact.css
│ │ ├── contact.html
│ │ ├── contributor.css
│ │ ├── dropdown.css
│ │ ├── scroll.css
│ │ ├── signup.css
│ │ └── typing.css
│ ├── bootstrap/
│ │ └── css/
│ │ ├── bootstrap-grid.css
│ │ ├── bootstrap-grid.css.map
│ │ ├── bootstrap-grid.min.css
│ │ ├── bootstrap-grid.min.css.map
│ │ ├── bootstrap-grid.rtl.css
│ │ ├── bootstrap-grid.rtl.css.map
│ │ ├── bootstrap-grid.rtl.min.css
│ │ ├── bootstrap-grid.rtl.min.css.map
│ │ ├── bootstrap-reboot.css
│ │ ├── bootstrap-reboot.css.map
│ │ ├── bootstrap-reboot.min.css
│ │ ├── bootstrap-reboot.min.css.map
│ │ ├── bootstrap-reboot.rtl.css
│ │ ├── bootstrap-reboot.rtl.css.map
│ │ ├── bootstrap-reboot.rtl.min.css
│ │ ├── bootstrap-reboot.rtl.min.css.map
│ │ ├── bootstrap-utilities.css
│ │ ├── bootstrap-utilities.css.map
│ │ ├── bootstrap-utilities.min.css
│ │ ├── bootstrap-utilities.min.css.map
│ │ ├── bootstrap-utilities.rtl.css
│ │ ├── bootstrap-utilities.rtl.css.map
│ │ ├── bootstrap-utilities.rtl.min.css
│ │ ├── bootstrap-utilities.rtl.min.css.map
│ │ ├── bootstrap.css
│ │ ├── bootstrap.css.map
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap.min.css.map
│ │ ├── bootstrap.rtl.css
│ │ ├── bootstrap.rtl.css.map
│ │ ├── bootstrap.rtl.min.css
│ │ └── bootstrap.rtl.min.css.map
│ └── images/
│ ├── about-bg.webp
│ ├── art-design-1.webp
│ ├── art-design-2.webp
│ ├── art-design-3.webp
│ ├── art-design-4.webp
│ ├── art-design-5.webp
│ ├── art-design-6.webp
│ ├── banner-bg.webp
│ ├── blog-p-1.webp
│ ├── blog-p-2.webp
│ ├── blog-p-3.webp
│ ├── blog-p-4.webp
│ ├── blog-p-5.webp
│ └── blog-p-6.webp
├── story.jpg
├── style.css
├── style1.css
├── sw.js
├── terms.html
├── testimonial.html
├── testp.css
├── testp.js
├── tooltips.html
├── tutorial.html
├── visi.css
├── visi.js
├── visitor.css
├── visitor.js
└── welcome.html
To change the background color or image:
1. Start by forking the Canvas-Editor repository. Click on the symbol at the top right corner.
2. Clone your forked repository:
git clone https://github.com/<your-github-username>/Canvas-Editor
3. Navigate to the new project directory:
cd Canvas-Editor
4. Set upstream command:
git remote add upstream https://github.com/vishanurag/Canvas-Editor
5. Create a new branch:
git checkout -b YourBranchName
or
git branch YourBranchName
git switch YourBranchName
6. Sync your fork or local repository with the origin repository:
Fetch upstream.Fetch and merge.git fetch upstream
git merge upstream/main
7. Make your changes to the source code.
8. Stage your changes and commit:
⚠️ Make sure not to run the commands git add . or git add *. Instead, stage your changes for each file/folder
git add file/folder
git commit -m "<your_commit_message>"
9. Push your local commits to the remote repository:
git push origin YourBranchName
10. Create a [Pull Request](https://help.github.com/en/github/collaborating-with-issu
Selected from shared topics, language and repository description—not editorial ratings.
KalbarczykDev /
This is a simple implementation of the classic Pong game using HTML canvas and JavaScript. Inspired by Marcin's Monskała Book "JavaScript from scratch".
elnatan-1 /
This is a simple browser-based Snake game built using HTML, CSS, and JavaScript. The player controls a snake that grows longer each time it eats food. The game includes color changes for the snake after certain score milestones. Designed as a beginner-friendly project to practice JavaScript, canvas drawing, and basic game logic.
Artists-for-Humanity /
This project is a beginner-friendly platformer game built with HTML Canvas + Vanilla JavaScript. It was designed as a workshop to use in the AFH creative-tech studio
Reethu1159 /
This repository contains my basic HTML practice tasks and mini projects. It includes simple web pages, experiments with HTML tags, and examples using elements like canvas, forms, tables, and multimedia. The goal is to learn and demonstrate fundamental web development concepts in a clear and beginner-friendly way.
elnatan-1 /
This is a simple browser-based Snake game built using HTML, CSS, and JavaScript. The player controls a snake that grows longer each time it eats food. The game includes color changes for the snake after certain score milestones. Designed as a beginner-friendly project to practice JavaScript, canvas drawing, and basic game logic.summary:"Enjoy it !