Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/talib8335/picdrive

PICDRIVE is designed to save and manage important images. Similar to Google Drive, PICDRIVE allows users to upload their photos, but it offers more flexibility by enabling direct edits and changes to files after upload, making it a more versatile tool for image management.
https://github.com/talib8335/picdrive

ajax bootstrap5 css3 dreamweaver html5 javascript jquery mysql php sql

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/talib8335/picdrive
Owner: Talib8335
Created: 2024-08-03T19:04:52.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-08-03T21:17:26.000Z (5 months ago)
Last Synced: 2024-08-04T21:51:36.426Z (5 months ago)
Topics: ajax, bootstrap5, css3, dreamweaver, html5, javascript, jquery, mysql, php, sql
Language: PHP
Homepage:
Size: 4.62 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # PicDrive

![mockuper (4)](https://github.com/user-attachments/assets/abea8f2c-55ed-4650-ba79-25e146811659)

**PicDrive** is designed to save and manage important images. Similar to Google Drive, PICDRIVE allows users to upload their photos but offers more flexibility by enabling direct edits and changes to files after upload, making it a more versatile tool for image management.

## Features

- Strong random password generator

- Email services

- Dynamic content updates during data exchange with the server

- Payment gateway integration

- Download, edit, and preview functionalities

- Memory status monitoring

- Various memory plans available

## Tech Stack

### Front-End

![HTML](https://img.shields.io/badge/HTML-E34F26?style=flat&logo=html5&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black)

![CSS](https://img.shields.io/badge/CSS-1572B6?style=flat&logo=css3&logoColor=white)

![jQuery](https://img.shields.io/badge/jQuery-0769AD?style=flat&logo=jquery&logoColor=white)

![Bootstrap](https://img.shields.io/badge/Bootstrap-7952B3?style=flat&logo=bootstrap&logoColor=white)

![Dreamweaver](https://img.shields.io/badge/Dreamweaver-CC6600?style=flat&logo=adobedreamweaver&logoColor=white)

### Back-End

![PHP](https://img.shields.io/badge/PHP-777BB4?style=flat&logo=php&logoColor=white)

![MySQL](https://img.shields.io/badge/MySQL-00758F?style=flat&logo=mysql&logoColor=white)

![SQL](https://img.shields.io/badge/SQL-003B57?style=flat&logo=sql&logoColor=white)

![AJAX](https://img.shields.io/badge/AJAX-0079BF?style=flat&logo=ajax&logoColor=white)

![JSON](https://img.shields.io/badge/JSON-000000?style=flat&logo=json&logoColor=white)

## Not Sure Where to Start? Run Locally

1. **Clone the Project**

    ```bash

    git clone https://github.com/Talib8335/PicDrive.git

    ```

2. **Go to the Project Directory**

    ```bash

    cd PicDrive

    ```

3. **Install WAMP/XAMPP Server**

    [Download and install WAMP](https://sourceforge.net/projects/wampserver/) or [XAMPP](https://www.apachefriends.org/index.html)

4. **Open WAMP/XAMPP Directory and Copy the Project Directory Inside `www`**

    ```bash

    cd C:\wamp\www\

    ```

5. **Start Server**

   - Start the WAMP server and wait till button turn Green

6. **Open `localhost/phpmyadmin` in Your Browser**

    ```bash

    localhost/phpmyadmin

    ```

7. **Create a New Database**

    - Click on "New" in the side navbar

    - Enter `pic_drive` as the database name and click "Create"

8. **Import the Database**

    - After creating the database, click on "Import"

    - Browse for the file `PicDrive/sql/users.sql` in the project directory

    - Import the file

9. **Open Your Browser and Visit the Application**

    ```bash

    http://localhost/PicDrive

    ```

## Preview

### Signup Page

![Signup Page](https://github.com/user-attachments/assets/44846e63-8eb6-4128-9fd3-7b5559f91a18)

### Email Sent

![Email Sent](https://github.com/user-attachments/assets/69b311e4-cfa9-43b0-bdc0-44be7b5e32a5)

### Email Verification and Login

![Email Verification and Login](https://github.com/user-attachments/assets/c3fcd4a8-b41b-4c38-a555-6c1739255d0d)

### Homepage

![Homepage](https://github.com/user-attachments/assets/bf503465-f7dc-41f4-a5b3-b8f334b56004)

### Gallery

![Gallery](https://github.com/user-attachments/assets/4201ab15-9587-42d0-bff4-92a478415ea3)

### Preview Image

![Preview Image](https://github.com/user-attachments/assets/68cf2fb5-422a-42d6-a9d5-a465549905ca)

### Plans

![Plans](https://github.com/user-attachments/assets/43a43f31-711c-47dd-9091-d5eea01d2276)

### Purchase

![Purchase](https://github.com/user-attachments/assets/6a5c0cd1-ab95-4fa6-a534-61059b6c359a)

### Updated Homepage

![Updated Homepage](https://github.com/user-attachments/assets/0fc6a5da-814c-4d73-823a-590bc692afc1)