https://github.com/dikshitadas/pasteapp

PasteApp is a React-based tool for quickly saving, organizing, and retrieving text or code snippets, with local storage and a responsive, user-friendly design.
https://github.com/dikshitadas/pasteapp

git react-hot-toast react-icons react-redux react-router-dom reactjs redux

Last synced: 13 days ago
JSON representation

PasteApp is a React-based tool for quickly saving, organizing, and retrieving text or code snippets, with local storage and a responsive, user-friendly design.

• Host: GitHub
• URL: https://github.com/dikshitadas/pasteapp
• Owner: DikshitaDas
• Created: 2024-10-27T14:51:14.000Z (18 days ago)
• Default Branch: main
• Last Pushed: 2024-10-27T15:29:39.000Z (18 days ago)
• Last Synced: 2024-10-27T17:59:41.103Z (18 days ago)
• Topics: git, react-hot-toast, react-icons, react-redux, react-router-dom, reactjs, redux
• Language: JavaScript
• Homepage: https://paste-app-gamma.vercel.app
• Size: 55.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📋✨ PasteApp 

A simple yet powerful React app for saving, organizing, and accessing text snippets or code effortlessly! PasteApp ensures all your frequently used text is at your fingertips, even across sessions.

## 🎯 Key Features

- **📝 Create & Edit**: Add new pastes or update existing ones in seconds.

- **🔍 Quick Search**: Instantly filter pastes by title with an interactive search.

- **📋 Copy to Clipboard**: Copy paste content with a single click.

- **🗑️ Delete Safely**: Remove unwanted pastes with a confirmation to keep it clean.

- **🎨 Light/Dark Themes**: Responsive design powered by Tailwind CSS adapts to your preference!

## 🛠️ Tech Stack

- **Frontend**: React + Redux for smooth state management.

- **Styling**: Tailwind CSS for a fully responsive, customizable UI.

- **Icons**: Font Awesome for clear, recognizable action icons.

- **Notifications**: React Hot Toast for feedback on actions.

- **Storage**: Local Storage to keep data intact between sessions.

## 🗂️ Project Structure

- **Components**: Organized modularly (`Navbar`, `Pastes`, `Home`) to ensure clean, manageable code.

- **State Management**: Redux slices to control and manipulate pastes seamlessly.

- **Theme Adaptability**: CSS settings for light and dark themes, enhancing user experience.

## ⚙️ Getting Started

1. **Clone** the repository:

   ```bash

   git clone https://github.com/DikshitaDas/PasteApp.git

   cd PasteApp

   ```

2. **Install** dependencies:

   ```bash

   npm install

   ```

3. **Run** the app:

   ```bash

   npm start

   ```

## 🤝 Contributions

All contributions are welcome! Open issues and PRs for new features, UI improvements, or bug fixes.