StoryStream

Modern blogging platform optimized for concise content delivery, catering to today's fast-paced digital consumption habits.

Demo

Demo

Screenshots

Features

• Create/Update posts with rich text editor, Save drafts
• User authentication, Login/Signup without hassle
• Better post reading experiance
• SEO-friendly & deployed with AWS Amplify
• Enhanced accessibility with ARIA attributes

Optimizations

• Utilised built-in React Optimizations for reduced average page response time by 500ms
• Optimistic UI updates for instant feedback on user actions
• Lazy loading image assets reducing initial load time
• Caching at client side with LocalStorage for less API calls
• Responsive Web UI, Mobile friendly
• Better UX with several page-wide themes

Run Locally

Clone the project

  git clone https://github.com/parthvyas7/storystream

Go to the project directory

  cd storystream

Install dependencies

  npm install

Start the server

  npm run dev

Environment Variables

See .env.sample

Deployment

To get production-ready build of this project run

  npm run build

To get preview of it

  npm run preview

Libraries/Frameworks Used

• Frontend: React, React-Router, TinyMCE-react rich text editor, HTML react parser, react hook form, redux toolkit, react-toastify, TailwindCSS with daisyUI, Vitejs
• Backend: Appwrite BaaS

License

MIT