Skip to content

A clone of Google Gemini 2.0 using React JS and the Gemini API, featuring a responsive UI that mimics Gemini’s design and functionality. Demonstrates API integration and React best practices.

License

Notifications You must be signed in to change notification settings

Pranith07-coder/Gemini-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gemini Clone

A web-based clone of the Gemini app, built with modern web technologies. This project replicates the core functionality and UI of the popular image-enhancement app, allowing users to upload photos, enhance image quality, and apply various filters.

Features

  • Image Upload: Upload images for enhancement and filtering.
  • Image Enhancement: Apply quality enhancement to improve clarity.
  • Filters: Choose from a variety of filters for creative effects.
  • Responsive Design: Fully responsive and mobile-friendly UI.
  • Smooth UI: Simple, user-friendly interface for seamless navigation.

Built With

  • React: Front-end library for building user interfaces.
  • CSS: Styling framework for responsive, visually appealing design.
  • Node.js (optional for backend): API integration and image processing (if required).
  • Third-Party API (optional): For advanced image processing and effects.

Getting Started

  1. Clone the repository:

    git clone https://github.com/yourusername/remini-clone.git
    cd remini-clone
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Open in browser: Navigate to http://localhost:3000 to see the app.

Usage

  • Image Upload: Click "Upload" to add an image for enhancement.
  • Apply Enhancement: Select enhancement options and filters to transform the image.
  • Download: Save the enhanced image to your device.

Folder Structure

  • /src: Contains main application files.
    • /components: React components for UI.
    • /assets: Static assets (images, icons, etc.).
    • /styles: CSS files for styling.
    • /api: Functions for API calls (if integrating a backend).

Contributing

  1. Fork the repository.
  2. Create a feature branch: git checkout -b feature-name.
  3. Commit changes: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature-name.
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.


About

A clone of Google Gemini 2.0 using React JS and the Gemini API, featuring a responsive UI that mimics Gemini’s design and functionality. Demonstrates API integration and React best practices.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published