LitLibrary (Literature Library) is a vibrant blogging platform designed to foster a positive and supportive community. Users can share personal growth experiences, life knowledge, advice, and insights while engaging with others' blogs. It’s a place to inspire, learn, and connect.
For instance, newbies and beginners from any career field can share their newly acquired knowledge by explaining concepts to others. This not only helps them solidify their understanding but also invites discussions, feedback, and suggestions from other users. The community can point out what works well, highlight any gaps, and offer advice to improve or expand on the shared knowledge. So, join the conversation and start growing together with LitLibrary! 🚀
- Post Blogs: Share blogs about personal growth, life experiences, advice, or knowledge sharing.
- Edit & Delete: Manage your own blogs seamlessly.
- Comments: Leave comments, advice, or feedback on blogs to connect with others.
- Upvote: Show appreciation and keep the discussion active by upvoting comments.
- Like & Save Blogs: Like blogs you enjoy and save them for later reading.
- Elegant UI: Aesthetic design with dark and light mode options for user comfort.
- Search & Filter: Search for blogs by title or filter by categories for focused exploration.
- Up-to-Top Button: Navigate smoothly with a scroll-to-top button.
- Profile Management:
- View your own blogs.
- Access blogs you've liked and saved for later reading.
- Filter by uploaded blogs, liked blogs, and read-later lists.
- Edit your profile, including your display name, profile picture, and social links.
- Delete your account permanently from the platform.
- Infinite Scroll: Effortless browsing with infinite scrolling in the "All Blogs" page. (Implemented ✅ – however, this feature is disabled in the app as it interferes with the search functionality. You can still check it out in /test.)
- Notifications: Receive a notification alert whenever someone likes or comments on your blog. (Manually implemented ✅ – not using Firebase Notifications.)
- Feed Back System: Allow users to share their feedback and experiences with LitLibrary. (Implemented ✅)
- ModiyUI - Improve Blog Form page design. (Imporved ✅)
- Feed Back System: Allow users to share their feedback and experiences with LitLibrary (Implemented ✅).
- ModifyUI - Improve Blog Form page design. (Modified ✅ )
- Progress bar - Add react-top-loading-bar for smooth page transitions. (Implemented ✅)
- Upvote comments - Users can able to upvote to others comments to show appreciation and get notifications for it (Implemented ✅)
- React: Component-based frontend library for building dynamic UI.
- Vite: Fast and modern development environment for React.
- Tailwind CSS: Utility-first CSS framework for responsive design.
- React-Router: Seamless navigation across pages.
- React-Transition-Group: Smooth page transitions.
- React-Spinner: Custom loading indicators.
- Moment.js: Human-readable date and time formatting.
- React-Linkify: Effortless hyperlinking of URLs in text.
- Firebase: Scalable backend infrastructure:
- Firestore Database: Real-time storage of blogs, users, and comments.
- Firestore Storage: Image storage for blog posts.
- Authentication: Secure login via email/password and Google Sign-In.
- Vercel: Reliable and fast hosting for seamless user access.
- Custom Hooks: Modular and reusable hooks for efficient code management.
- Reusable Components: Clean, DRY (Don’t Repeat Yourself) code principles.
- Context API: Global state management across the app.
-
Clone the Repository:
git clone https://github.com/fisheeesh/lit-library.git
-
Install Dependencies:
npm install
-
Set Up Firebase:
- Create a Firebase project.
- Enable Firestore Database, Storage, and Authentication.
- Configure the Firebase settings in your project.
-
Run the App Locally with Vite:
npm run dev
-
Build for Production:
npm run build
LitLibrary (Literature Library) was inspired by the need for a positive, supportive platform where users can freely share experiences and knowledge while learning from others. It’s designed to create connections and foster personal and collective growth.
Contributions are welcome! Follow these steps to contribute:
-
Fork the repository.
-
Create a new branch for your feature:
git checkout -b feature-name
-
Commit your changes:
git commit -m "Add feature-name" -
Push to your branch:
git push origin feature-name
-
Create a pull request.
Check out the live version of LitLibrary: https://litlibrary.blog
This project is licensed under the MIT License.
Crafted with 💖 by Fisheeesh
Let me know if you need additional refinements! 😊📧 Contact: swanphyo444@gmail.com