Welcome to the Interactive Storytelling App! This web application allows users to create and expand on stories interactively with the assistance of an AI. Users can input their story ideas, and the AI will help continue the story, creating a collaborative and creative writing experience.
- Interactive Text Editor: Users can input their story text and see it displayed in real-time.
- AI Assistance: The AI helps to continue the story from where the user leaves off, providing engaging characters, vivid descriptions, and coherent plot lines.
- Editable AI Responses: Users can edit the AI-generated responses to fine-tune the story as they see fit.
- Formatting Toolbar: A toolbar for basic text formatting (to be implemented).
- Grammar and Punctuation Checks: Shortcut commands for formatting and checking grammar and punctuation (to be implemented).
- Node.js and npm should be installed on your machine.
-
Clone the repository:
git clone https://github.com/yourusername/interactive-storytelling-app.git cd interactive-storytelling-app
Install the dependencies:
bash
npm install Start the development server:
bash
npm start The app should now be running on http://localhost:3000.
Project Structure javascript
interactive-storytelling-app/ ├── public/ │ ├── index.html │ └── ... ├── src/ │ ├── components/ │ │ ├── TextDisplay.js │ │ ├── BlinkingCursor.js │ │ └── Toolbar.js │ ├── handleInput.js │ ├── api.js │ ├── App.js │ ├── App.css │ └── index.js ├── package.json └── README.md
Main Components TextDisplay.js: The main component where the user's input and AI responses are displayed.
BlinkingCursor.js: A component to display a blinking cursor for visual effect.
Toolbar.js: (To be implemented) A toolbar for text formatting options. handleInput.js: Handles the logic for submitting user input and fetching AI responses.
api.js: Contains the API call logic for fetching AI responses. Usage
Input Text: Start by typing your story into the text editor. Submit: Press Enter to submit your text and let the AI continue the story.
Edit AI Response: If needed, click the "Edit" button to modify the AI-generated text.
Save: Click "Save" to save your changes and continue writing. Future Improvements
Formatting Toolbar: Implementing a toolbar for basic text formatting options such as bold, italic, and underline.
Grammar and Punctuation Checks: Adding shortcut commands to format the text and check for grammar and punctuation errors.
Contributing Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
License This project is licensed under the MIT License. See the LICENSE file for more details.