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
- 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