Code Monkey home page Code Monkey logo

shareme's Introduction

Deployed Link

https://shareme162.vercel.app/

ShareMe - File Sharing Application

DIP

ShareMe is a file sharing platform that allows users to upload files up to 2 MB and provides a download link that can be shared with anyone. The platform offers a user-friendly interface for seamless file uploading and sharing.

Project Setup

  1. Clone Repository: Clone the repository to your local machine using the command:

    git clone <repository-url>
  2. Install Dependencies: Navigate to the project directory and run:

    npm install
  3. Run the Application: Start the application in development mode by running:

    npm start

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

Features

  • File Upload: Users can upload files up to 2 MB with a simple and intuitive upload form.
  • Download Link Generation: After uploading, the platform generates a download link that users can share with others.
  • Progress Bar: Displays upload progress to keep users informed about the status of their file upload.
  • Success Notification: Notifies users upon successful upload and provides the download link.
  • Responsive Design: Ensures the platform works well on different screen sizes, including mobile devices.

Technology Stack

  • Next.js: React framework for server-side rendering and building scalable web applications.
  • Firebase: Backend-as-a-Service for file storage and database management.
  • CSS/SCSS: Styling language for designing the application.
  • Material UI: UI component library for styling components.

Example Use Case

  1. User visits the ShareMe application.
  2. User selects a file to upload (up to 2 MB).
  3. Upload progress is displayed to the user.
  4. Upon completion, a download link is generated and displayed.
  5. User copies the link and shares it with others.

Enjoy sharing files effortlessly with ShareMe!

shareme's People

Contributors

prateekpsingh avatar

Watchers

 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.