Giter VIP home page Giter VIP logo

clippy's Introduction

Welcome to Clippy, It is an online clipboard tool, to solve the age-old problem of coping and pasting a breeze, it also comes with features like file sharing. Clippy is made with Nextjs and uses MongoDB for storage.

πŸ† Featured in:

Event Logo Event Name Event Description
GSSoC 24 GirlScript Summer of Code 2024 GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development.

Table of Contents

Usage

Clippy is publically available and hosted on Vercel, you can access Clippy here

Screenshots

Homepage Homepage

Making a Clippy Making a Clippy

Features

  • Clipboard Management: Easily copy and paste text snippets with Clippy.
  • File Sharing: Share files effortlessly using Clippy's file sharing feature.
  • Secure Storage: Clippy uses MongoDB for secure storage of your clippings and files.

Setup Instructions

To get started with this project, follow these steps:

Installation

  1. Clone this repository:
git clone <link>
  1. Navigate to the Project Directory:
cd <filename>

Install Dependencies:

Install the dependencies using your preferred package manager. For example, if you're using npm:

npm install

Set Up Environment Variables:

This project requires environment variables for MongoDB connection. Create a .env file in the root directory of the project and add the following variables:

MONGODB_URI=<your_mongodb_uri>
MONGO_DB_NAME=<your_db_name>
MONGO_COLLECTION_NAME=<your_collection_name>

Run the Development Server:

Once you have installed the dependencies and set up the environment variables, you can start the development server by running:

npm run dev

Dockerfile:

Make sure you have docker & docker compose installed on the server / system. Both are installed by most docker utilities, including Docker Desktop and Rancher Desktop.

Note: docker compose without the hyphen is now the primary method of using docker-compose, per the Docker documentation. we have a demo dockerfile make sure u have a .dockerignore file in the root directory of the project. add following lines into it

node_modules

now run the image with injecting the env variables into the docker itself

docker build -t clippy .
docker run -p 3000:3000 -e MONGODB_URI=<your_mongodb_uri> -e MONGO_DB_NAME=<your_db_name> -e MONGO_COLLECTION_NAME=<your_collection_name> clippy

Contributing

If you'd like to contribute to this project, feel free to open an issue or submit a pull request. Contributions are welcome! , please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make changes and commit them.
  4. Push your changes to your fork.
  5. Create a pull request.

Contibuting Guidelines

We believe in the power of collaboration. If you have ideas to improve College.ai, feel free to contribute! Check out our Contribution Guidelines to get started.

πŸ“„ Documentation

Explore our comprehensive documentation in the LEARN.md file, which serves as a detailed guide to understanding and contributing to Clippy. This document covers various aspects of the project, including setup instructions, architecture overview, and contribution guidelines. We recommend referring to this documentation to gain a deeper insight into UniCollab and make meaningful contributions to its development.

🌟 Join Us

Ready to embark on a journey of collaborative learning? Join Clippy now and be a part of a community that believes in the power of collaboration! Thank you for contributing to our open-source project! We appreciate your support πŸš€ Don't forget to leave a star ⭐ Happy Coding!!❀️


Our Contributors

Thank you for contributing to our repository

Contributors

Show some ❀️ by starring this awesome repository!

GitHub stars GitHub forks GitHub issues GitHub closed issues GitHub pull requests GitHub release (latest by date)

{Back to top}

clippy's People

Contributors

subinoybiswas avatar ayushmaanagarwal1211 avatar satmm avatar saumya-28 avatar amruta7203 avatar kom-senapati avatar tonystark-47 avatar santhosh-siddhardha avatar 05hiteshbansal avatar ananyag309 avatar nalindalal avatar dhruv8433 avatar utsavladia avatar shreyash3087 avatar dakshsinghrathore avatar thevijayshankersharma avatar priyanshu2631 avatar mukund-gpt avatar gunjesh843 avatar dhairyathedev avatar debangi29 avatar anshikaag03 avatar aditi22bansal avatar aasthakourav20 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.