Write blogs on various topics and start your journey as an impactful Content Creator, exploring your passions, sharing your knowledge and experiences with the world.
The website is hosted at: 👉 BlogApp
- Project Structure
- Technologies Used
- Deployed Link
- Description
- Features
- Screenshot
- Getting Started
- Usage
- Contributing
- Acknowledgments
- index.html: The main HTML file.
- features: The features folder consists all state management slices
- main.jsx: The JSX file consists of routing of the app
- appwrite : This folder consists of the api calls of appwrite to get, edit, delete posts
- ReactJS
- Tailwind CSS
- JavaScript
- ReduxToolkit
- Zod
- Appwrite
- react-datepicker
- react-share
- react-hook-form
- html-react-parser
- react-drop-zone
- react-icons
BlogApp is a user-friendly web application that allows users to create, read, update, and delete blog posts. It provides detailed information about each blog, including the title, content, and associated tags. Users can also comment on and like blog posts, fostering a community of content creators.
- User-friendly interface
- User authentication and authorization with Appwrite
- Rich text editor for writing blogs
- Responsive design for mobile and desktop
- User profile management
- Comment and like functionality
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/AryanBhati7/BlogApp- Navigate to the project directory:
cd BlogApp- Install the required Node modules:
npm install-
Configure Appwrite using .env.sample
-
Run the client Server
npm run dev- Search this on your preferred browser :
localhost:5173-
Sign Up or Log In
Create a new account or log in with an existing account.
-
Create a Blog
Click on "Create New Blog" and start writing using the rich text editor. Add categories and tags to organize your blog.
-
Manage Your Blogs
Edit or delete your blogs from your profile page.
-
Engage with Content
Comment on and like other users' blogs to engage with the community.
We welcome contributions to enhance BlogApp! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name. - Make your changes and commit them:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature/your-feature-name. - Submit a pull request.
Thanks to the developers of ReactJS, Tailwind CSS, NodeJS, Express, and Appwrite for their amazing tools.