Code Monkey home page Code Monkey logo

etbgm03 / google-drive-clone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ezeibekweemma/google-drive-clone

0.0 0.0 0.0 1.82 MB

This project aims to replicate the core functionalities of Google Drive, providing users with cloud storage and efficient file management capabilities. It was built using modern web technologies and tools for a responsive and user-friendly experience.

Home Page: https://googledrive-clone.vercel.app

License: MIT License

JavaScript 5.75% TypeScript 93.85% CSS 0.41%

google-drive-clone's Introduction

Google Drive Clone Google Drive Clone Google Drive Clone

This project aims to replicate the core functionalities of Google Drive, providing users with cloud storage and efficient file management capabilities. It was built using modern web technologies and tools for a responsive and user-friendly experience.

Demo

Desktop mode Desktop mode Tablet mode Mobile Mode

Features

  • User Authentication: The project employs NextAuth.js for user authentication, ensuring secure access to individual user accounts.

  • File Upload and Management: Users can easily upload files and manage them, making it an ideal solution for storing documents, media files, and more.

  • Search Functionality: The project includes a powerful search feature that allows users to find files and folders quickly based on their names.

  • Folder Navigation: Users can organize their files into folders and navigate through their directory structure efficiently.

  • Responsive Design: The user interface is designed to be responsive, adapting to various screen sizes and devices.

Technology Stack

Next.js | TypeScript | Tailwind CSS | React | Vercel | Firebase | NextAuth.js

How to Run

To run the project locally, follow these steps:

  1. Clone the repository to your local machine.
  2. Install the required dependencies using npm install.
  3. Create a Firebase project and configure it for this application.
  4. Set up authentication and real-time database in Firebase.
  5. Configure the environment variables in .env checkout .env.example
  6. Start the development server using npm run dev.

The application should now be running on your local environment. You can access it at http://localhost:3000.

Issues and Feedback

If you encounter any issues with the application or have feedback to provide, please feel free to open an issue on the project's GitHub repository.

Branches

  • dev -> you can make your pull request to this branch
  • main -> don't touch this branch this is the production branch

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

Contribution Guidelines

  1. Clone the repository and check out from dev branch.
  2. Open your terminal & set the origin branch to dev if not set already.
  3. Pull origin git pull origin dev
  4. Create a new branch for the task you were assigned to, eg : git checkout -b feat-csv-parser
  5. After making changes, do git add .
  6. Commit your changes with a descriptive commit message : git commit -m "your commit message".
  7. To make sure there are no conflicts, run git pull upstream dev.
  8. Push changes to your new branch, run git push -u origin feat-csv-parser.
  9. Create a pull request to the dev branch not main.
  10. Ensure to describe your pull request.

License

MIT

Acknowledgements

google-drive-clone's People

Contributors

ezeibekweemma 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.