Skip to content

ammarkhan575/sketchbook

Repository files navigation

Sketchbook App

Sketchbook App is a web application built with Next.js where users can unleash their creativity by drawing, sketching, and painting digitally. The app provides a range of drawing tools and features, allowing users to create various artworks with ease.

Features

  • Drawing Tools: Users can draw using a pencil tool, create circles, rectangles, erase mistakes, and undo/redo actions.
  • Color Palette: Choose from a wide range of colors to add vibrancy to your drawings.
  • Brush Customization: Adjust the size of the brush to achieve the desired effect.
  • Download Drawing: Save your masterpiece as an image file to your device for sharing or further editing.

Technologies Used

  • Next.js: A React framework for building server-side rendered and statically generated web applications.
  • React: A JavaScript library for building user interfaces.
  • Redux Toolkit: A package that simplifies Redux logic, including actions, reducers, and state management.
  • Canvas API: Used for drawing and rendering graphics on the web page.
  • HTML5/CSS3: Standard web technologies for structure and styling.

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js installed on your machine
  • npm or yarn package manager

Installation

  1. Clone the repository to your local machine:

    git clone https://github.com/ammarkhan575/sketchbook.git
    cd sketchbook
    npm install
  2. Running the app

    npm run dev
  3. View the App Open your web browser and navigate to http://localhost:3000 to view the app.

Contributing

Contributions are welcome! Please feel free to submit issues or pull requests to help improve the project.

License

This project is licensed under the MIT License - see the LICENSE file for details.