Skip to content

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.

License

Notifications You must be signed in to change notification settings

APURVA122/Canvas-Editor

 
 

Repository files navigation

🎨 Canvas Editor 🖌️


🌟 Stars 🍴 Forks 🐛 Issues 🔔 Open PRs 🔕 Close PRs 🛠️ Languages 👥 Contributors
Stars Forks Issues Open Pull Requests Close Pull Requests GitHub language count GitHub Contributors count


Hi there, Enjoy the World of Open source contribution

Hello Coders!!👨‍💻
I am Aanurag Vishwakarma, an aspiring Web developer🤖. Here is the project on front-end Web Development.

Overview📌

  • 🎨 This repository contains my project on a Canvas Editor using HTML, CSS, Bootstrap, and JavaScript.
  • 🖼️ It includes a webpage with a canvas element that allows you to style text content as needed (made for fun purposes 🎉).
  • 🚀 We welcome all contributions to make this a fantastic resource for other users.
  • 💻 Jump in and contribute to this grand project
  • 📚 Read the guidelines and get started building! 🛠️
  • 🚀 The project now supports setting background images and colors, enhancing the customization options for your canvas!
  • 🎉 This project is open to contributions from the community. Jump in and help make it a great resource!

New Features ✨

  • Background Image: Easily set an image as the background of your canvas to create more visually appealing designs
  • Background Color: You can now add a custom background color to the canvas with ease!
  • How to Use

    To change the background color or image:

  • Navigate to the canvas options on the webpage!
  • For background color: Select a color from the color picker to apply it to the canvas!
  • For background image: Upload an image file, and it will be displayed as the canvas background!
  • Technology Used

    HTML CSS js

    Back To Top

    Open-Source-Programmes⭐

    This project is now OFFICIALLY accepted for

    GSSOC

    Getting Started💥

    ## How to make a Pull Request?

    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:

    • In your forked repository click on Fetch upstream.
    • Click Fetch and merge.

    Alternatively, Git CLI way to Sync forked repository with origin repository:

    git fetch upstream
    git merge upstream/main

    Github Docs for Syncing

    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!

    Congratulations! You've made your first contribution! 🙌🏼

    Back To Top

    Project Admin⚡


    Anurag Vishwakarma

    Contributors

    We are immensely grateful to the following amazing individuals who have contributed their time, effort, and expertise to make this project better. Your contributions, whether through code, documentation, bug reports, or feature suggestions, have been invaluable. Thank you for helping us build and improve Canvas Editor 🌟✨

    Your dedication and hard work are what drive this project forward, and we couldn't have done it without you. Each contribution, no matter how small, plays a crucial role in our journey towards creating a more efficient and user-friendly tool for developers. 🙌💻

    We look forward to your continued support and collaboration. Together, we can achieve even greater heights! 🚀🌐

    Thank you once again to all our contributors! Your efforts are truly appreciated. 💖👏

    vishanurag
    ANURAG VISHWAKARMA
    Lekkhasri
    Sri Lekkha
    Sagar2006
    Sagar2006
    ananyag309
    Ananya Gupta
    yashksaini-coder
    Yash Kumar Saini
    rounakdey6
    Rounak Dey
    Poushmita
    Poushmita Paul
    ngsanthosh
    Santhosh Sudhaan N G
    adityalaxkar123
    adityalaxkar
    KAmaL-senpai
    Kamal sing bhumij
    AnujShrivastava01
    Anuj Shrivastava
    nksmanya
    Manya .N
    shimmer12
    Srishti Soni
    TBorundia
    Tina Borundia
    kartik9737
    Kartik Kumar Pandey
    JahnavikaGopalbvrith
    Jahnavika gopal
    monishkumardvs
    Dvs monish kumar
    govindumeesala
    Meesala Govindu
    poorvikaa08
    Poorvika
    Archisman141
    Archisman Khanra
    Web-Dev-Learner
    Shrinedhi.M.R.
    Devaki01
    phantom_.1
    Vyshnavi1322
    Venkata Vyshnavi Bondalapati
    Sujal1201
    Sujal Patil
    Pranshu-jais
    Pranshu Jaiswal
    PatelHarsh2006
    Patel Harsh
    Khushi-Nigam
    Khushi Nigam
    4F24L
    Md Afzal Mir
    Tanushree084
    Tanushree084
    VidhanThakur09
    Vidhan Thakur
    VivekShahare04
    VivekShahare04
    Abhishek2634
    Abhishek Farshwal
    archanasingh11
    Archana Singh
    ash-k121
    Ashmeet
    wgeenath
    geenath
    Krishnamverma951
    Krishnam Verma
    mrpankajpandey
    Pankaj Pandey
    priyashuu
    Priya
    riyarane46
    riyarane46
    rutikakengal
    Rutika Kengal
    saadgibawa
    Saadgi Bawa
    sarinsanyal
    Sarin Sanyal
    sejals23
    Sejal
    simmi-verma
    simmi verma
    sriraghavi22
    sriraghavi22
    bhatiatanish225
    Tanish Bhatia
    Abhi9shinde
    Abhinav Shinde
    Amankr200
    Amankr200
    AnantInamdar77
    AnantInamdar77
    AsifQamar
    Cyphrr_07
    AyushiTaralkar
    Ayushi_Taralkar
    ayush-py-c
    Ayushraj_2804
    Bhoomysingh10
    Bhoomy Singh
    gayu999Code
    Gayatri Mohite
    hariscoder3
    Haris Ellahi
    HS202022
    Himangshu Sharma
    Ishika-Gupta06
    Ishika Gupta
    Kajalmehta29
    Kajal Mehta
    shubhagarwal1
    Shubh Agarwal
    neeru24
    Neeru
    PavanTeja2005
    PavanTeja2005
    Prachiikhar25
    Prachiikhar25
    rajdeepchakraborty-rc
    Rajdeep Chakraborty
    samyak-aditya
    Samyak Aditya
    sumitrathor1
    Sumit Rathor

    ↳ Stargazers

    Stargazers repo roster for @vishanurag/Canvas-Editor

    ↳ Forkers

    Forkers repo roster for @vishanurag/Canvas-Editor

    About

    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.

    Resources

    License

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published

    Languages

    • HTML 81.3%
    • CSS 13.7%
    • JavaScript 5.0%