Skip to content

Canva-Clone is a web-based graphic design tool inspired by Canva. This project is developed with React JS and TypeScript, leveraging Vite for an efficient and faster development experience.

Notifications You must be signed in to change notification settings

rk111/canva-clone1

 
 

Repository files navigation

Canva-Clone - A Graphic Design Tool

Canva-Clone is a web-based graphic design tool inspired by Canva. This project is developed with React JS and TypeScript, leveraging Vite for an efficient and faster development experience.

Features

  • Intuitive Design Interface: User-friendly tools for creating custom designs.
  • Rich Text Editing: Advanced text manipulation features.
  • Image Upload and Editing: Capabilities to upload and edit images within the app.
  • Template Support: Pre-designed templates for quick and easy design creation.
  • More Features: Add any other significant features of your project here.

Getting Started

Follow these instructions to set up the project on your local machine for development and testing purposes.

Prerequisites

  • Node.js
  • npm or yarn

Installation

  1. Clone the repository:
    git clone https://github.com/msafeerhussain/canva-clone.git
  2. Install Vite:
    npm install vite@latest
  3. Install dependencies:
    npm install

Running the Application

  1. Start the development server:

    npm start
  2. Open http://localhost:3000 to view it in your browser.

Built With

  • React JS - A JavaScript library for building user interfaces
  • TypeScript - An open-source language which builds on JavaScript
  • Vite - A front-end build tool for faster and leaner development

Contributing

Contributions to Canva-Clone are welcomed and appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

This project is open-source and available under MIT LICENSE. See LICENSE for more information.

Contact

Safeer Hussain - [email protected]

Project Link: https://canva-clone-rho.vercel.app/

Portfolio: https://msafeerdev.me

Acknowledgments

Contributon

We are welcome people to contribute.

About

Canva-Clone is a web-based graphic design tool inspired by Canva. This project is developed with React JS and TypeScript, leveraging Vite for an efficient and faster development experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.1%
  • HTML 4.9%