Skip to content

StoryWeave ✨ - A collaborative short story writing platform where users can create, read, and contribute to stories. With real-time updates, authentication, and a responsive UI, StoryWeave makes storytelling interactive and engaging. Built using React, Redux, Chakra UI, and Firebase.

Notifications You must be signed in to change notification settings

Pareekpriya/Collaborative_StoryCreator

Repository files navigation

StoryWeave

Welcome to StoryWeave - a collaborative short story writing platform where creativity knows no bounds. Users can read, create, and contribute to stories in an engaging and interactive environment. Currently, two official plugins are available:

🌟 Features

  • Create Stories: Users can create new stories with a title and an initial sentence.

  • Contribute to Stories: Collaboratively add one sentence per turn (up to 20 words).

  • Story Progression: Each story allows a maximum of 10 contributions.

  • Story Completion: Once the limit is reached, the story is marked as finished.

  • View Stories: Ongoing and completed stories are displayed separately.

  • User Attribution: Each contribution is credited to the respective author.

  • Responsive Design: Works on both desktop and mobile devices.

  • Authentication: Secure authentication using Firebase.

  • Real-time Data: Updates using Firebase Realtime Database.

🛠 Tech Stack

  • Frontend: React
  • State Management: Redux
  • UI Components: Chakra UI
  • Authentication & Database: Firebase (Authentication & Realtime Database)
  • Deployment: Firebase Hosting

🚀 Live Demo

https://story-creator-3b90d.web.app/

🧑‍💻 Getting Started

Follow these steps to run the project locally.

Prerequisites

  • Node.js installed
  • Firebase account set up

Installation

  1. Clone the repository: https://github.com/Pareekpriya/Collaborative_StoryCreator.git

  2. Navigate to the project folder: cd storyweave

  3. Install dependencies: npm install

  4. Create a .env file and add your Firebase configuration: REACT_APP_FIREBASE_API_KEY=YOUR_API_KEY REACT_APP_FIREBASE_AUTH_DOMAIN=YOUR_AUTH_DOMAIN REACT_APP_FIREBASE_DATABASE_URL=YOUR_DATABASE_URL REACT_APP_FIREBASE_PROJECT_ID=YOUR_PROJECT_ID REACT_APP_FIREBASE_STORAGE_BUCKET=YOUR_STORAGE_BUCKET REACT_APP_FIREBASE_MESSAGING_SENDER_ID=YOUR_SENDER_ID REACT_APP_FIREBASE_APP_ID=YOUR_APP_ID

  5. Run the app: npm start

⚡️ Usage

  1. Sign Up or Log In to access all features.
  2. Create a Story by providing a title and an initial sentence.
  3. Contribute by adding one sentence per turn to any ongoing story.
  4. Stories with 10 contributions will automatically move to the Finished Stories section.
  5. Enjoy reading completed stories from other contributors!

📧 Contact

ny inquiries, feel free to reach out at [[email protected]] or connect with me on LinkedIn.

Happy StoryWeaving! ✨

About

StoryWeave ✨ - A collaborative short story writing platform where users can create, read, and contribute to stories. With real-time updates, authentication, and a responsive UI, StoryWeave makes storytelling interactive and engaging. Built using React, Redux, Chakra UI, and Firebase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages