Skip to content

WiredAI - AI Chat App built with ReactJS, TailwindCSS, and Appwrite

Notifications You must be signed in to change notification settings

thounny/WiredAI

Repository files navigation

WiredAI

WiredAI is an AI Chat App built with ReactJS, TailwindCSS, Appwrite, Gemini, and Framer Motion. Drawing inspiration from the enigmatic digital world of Serial Experiments Lain—particularly The Wired—WiredAI bridges the virtual and real to deliver a unique and immersive user experience.

Features

  • AI Chat Integration: Combines cutting-edge AI with modern web technologies.
  • Modern UI Design: Built using TailwindCSS for responsive and visually appealing interfaces.
  • Smooth Animations: Powered by Framer Motion for dynamic and fluid interactions.
  • Backend Powered by Appwrite: Ensures secure and scalable operations.
  • Intelligent Conversations: Powered by Gemini AI to deliver engaging and responsive chatbot interactions.
  • Thematic Design: Inspired by the surreal connectivity of The Wired.

Installation

  1. Clone the repository:

    git clone https://github.com/thounny/WiredAI.git
    cd WiredAI
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open your browser and navigate to:

    http://localhost:3000
    

Usage

  1. Ensure Appwrite backend is properly set up.
  2. Customize the environment variables for your Appwrite project (update .env as needed).
  3. Start the app and interact with the AI-powered chat interface.

Technologies Used

  • ReactJS: For building the user interface.
  • TailwindCSS: For responsive and elegant styling.
  • Appwrite: Backend as a service to handle database, authentication, and hosting.
  • Gemini: To enhance multi-platform compatibility.
  • Framer Motion: For smooth, dynamic animations and transitions.

Inspiration

WiredAI takes cues from Serial Experiments Lain to evoke the surreal and interconnected nature of The Wired. It reflects on the seamless navigation and immersive experiences of the virtual world, blending storytelling with cutting-edge development practices.

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork this repository.
  2. Create a new branch for your feature or bugfix:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add feature-name"
  4. Push to your fork:
    git push origin feature-name
  5. Create a Pull Request.

License

This project is licensed under the MIT License.

Contact

For questions, suggestions, or collaboration opportunities, feel free to reach out via GitHub issues or discussions.


Enjoy exploring WiredAI and bridging the gap between the virtual and the real!

About

WiredAI - AI Chat App built with ReactJS, TailwindCSS, and Appwrite

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published