/adamant-ass

Primary LanguageJavaScript

adamant chatbot

https://adamant-ass.vercel.app/ Overview screencapture-localhost-5173-2024-01-30-12_12_42

  • username - daniel
  • password - daniel123

Adamant Chat Bot is a simple frontend application created as an assignment for a job interview. The application simulates a chat bot interaction without the need for a backend. Users can log in using the credentials 'adamantcode' as the username and 'password123!' as the password.

or

  • username - daniel
  • password - daniel123

Getting Started To explore the chat bot, follow these steps:

Go to https://adamant-ass.vercel.app/

Log in with the provided credentials: username - 'adamantcode', password - 'password123!'.

Explore the chat bot functionalities on the chat page.

Features

  • Login: Users can log in with the credentials 'adamantcode' (username) and 'password123!' (password).
  • Chat Bot Interaction: After logging in, users are redirected to the chat page where they can interact with the chat bot.
  • Options:
    • Option A: Generates dummy text and an image.
    • Option B: Prompts the bot to respond with a random image.
    • Option C: Initiates sending a random image to the bot.
    • User Input: Typing any text will prompt the bot to respond with "finished."

#Note This application is a frontend-only implementation for the purpose of the assignment. There is no backend, and user interactions are simulated based on the assignment requirements. Enjoy exploring the functionalities and have a conversation with the Adamant Chat Bot!

Table of Contents

Instructions to Set Up and Run the Project

Follow these steps to set up and run the project locally:

  1. Clone the Repository:

    git clone https://github.com/emilance/adamant-ass.git

Navigate to the Project Directory:

cd adamant-ass

Install Dependencies: If using npm npm install

If using yarn yarn

Run the Project:

If using npm npm start

If using yarn yarn start The project should now be running locally. Open your web browser and go to http://localhost:5173 (or another specified port) to view the application.

Project Structure

  • src/: Contains the source code for the application.
    • components/: Reusable UI components used throughout the project.
    • styles/: SCSS files for styling.
    • utils/: Utility functions or helper modules.
    • contexts/: React context providers and consumers.
    • pages/: Individual pages or views of the application.
    • App.js: The main component that serves as the entry point for the application.
    • index.js: The main entry point to render the app in the HTML file. -public/: Static files that are publicly accessible.s.