BrainX is a modern Generative AI web application built with Open AI API, React.js and Tailwind CSS. It features a dynamic, colorful design and an interactive chat interface, similar to ChatGPT, enabling users to explore AI-driven conversations seamlessly.
Features
Tech Stack
Getting Started
Installation
Usage
Project Structure
Contributing
License
Contact
Features
Modern, Colorful Design: A visually appealing and user-friendly interface.
Responsive Layout: Fully responsive across all devices.
Interactive Chat Interface: A seamless chat experience for AI-driven conversations.
Easy Navigation: Back button to easily return to the homepage.
Footer Attribution: Footer with developer information.
Tech Stack
React.js: Front-end framework for building interactive UI.
Tailwind CSS: CSS framework for styling and responsive design.
Vite: Fast development and build tool.
Getting Started
Follow these instructions to set up the project locally.
Installation
Clone the repository:
bash
Copy code
git clone https://github.com/your-username/brainx.git
Navigate to the project directory:
Copy code
cd brainx
Install dependencies:
bash
Copy code
npm install
Start the development server:
bash
Copy code
npm run dev
Usage
Open http://localhost:3000 in your browser to view the homepage.
Navigate to the chat page to start interacting with BrainX.
Project Structure
php
Copy code
brainx/
├── src/
│ ├── components/ # Reusable components
│ ├── pages/ # Page components (e.g., ChatPage, HomePage)
│ ├── App.js # Main application file
│ └── index.js # Entry point for React
├── public/ # Public assets
├── package.json # Project configuration and dependencies
└── README.md # Project readme file
`bash
Contributing
Contributions are welcome! Please follow these steps:
Fork the repository.
Create a new branch: git checkout -b feature-name
Commit your changes: git commit -m 'Add feature'
Push to the branch: git push origin feature-name
Open a pull request.
License
This project is licensed under the MIT License.
Contact
Developed by Shahariar Kobir Shakil
📧 [email protected]