/SmartWeb-AI

This project is the frontend for an AI-driven website, built using modern web technologies to deliver a sleek, responsive, and user-friendly interface. It integrates seamlessly with various AI services to provide dynamic content, personalized user experiences, and intuitive interaction

Primary LanguageJavaScript

SmartWeb AI - AI Website Frontend

SmartWeb AI

SmartWeb AI is a frontend project for an AI-driven website, designed with modern web technologies to deliver a sleek, responsive, and user-friendly interface. It leverages AI services to provide dynamic content, personalized user experiences, and intuitive interactions.

Features

  • Responsive Design: Ensures compatibility across a range of devices, including desktops, tablets, and smartphones.
  • Dynamic Content: Utilizes AI to deliver personalized and contextually relevant content to users.
  • Interactive UI: Engaging user interfaces with smooth animations and transitions.
  • API Integration: Connects with backend AI services through RESTful APIs to fetch and display real-time data.
  • User Authentication: Secure login and registration features with JWT-based authentication.
  • State Management: Efficient state handling using React's built-in hooks and context API.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • React Icons: Beautifully designed icons for an aesthetically pleasing UI.
  • BentoBox: Modular and reusable component library for faster development.

Technologies Used

  • React.js: Core framework for building the user interface.
  • Tailwind CSS: Utility-first CSS framework for creating custom designs quickly.
  • React Icons: Icon library for easily integrating icons into the project.
  • BentoBox: Component library to streamline development and ensure consistency.
  • Axios: For making HTTP requests to the backend AI services.
  • Jest: Testing framework for unit and integration tests.
  • React Testing Library: For testing React components in a user-centric way.

Getting Started

Prerequisites

  • Node.js (>=14.x)
  • npm or yarn

Installation

  1. Clone the repository: 
    git clone https://github.com/your-username/smartweb-ai.git

Navigate to the project directory:

bash Copy code cd smartweb-ai Install dependencies: bash Copy code npm install or bash Copy code yarn install Running the Development Server Start the development server with hot reloading:

bash Copy code npm start or

bash Copy code yarn start The application will be accessible at http://localhost:3000.

Building for Production Create a production build:

bash Copy code npm run build or

bash Copy code yarn build The optimized and minified files will be in the build directory.

Running Tests Run the test suite:

bash Copy code npm test or

bash Copy code yarn test

Contributing

We welcome contributions to enhance the project. Please fork the repository and create a pull request with a clear description of your changes.

Credits

This project is inspired by and credits the work of Adrian Hajdin (https://github.com/adrianhajdin). Thank you for your amazing contributions to the web development community!

License

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