Express Echo

Express Echo is a responsive blogging website built with React, allowing users to create, edit, and view blog posts. It provides a simple and intuitive interface for users to share their thoughts and ideas through written content and images.

Getting Started

To get started with Express Echo, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/pulkit-1110/ExpressEcho.git
   

2. Navigate to the project directory and Install dependencies:

   npm install
   

3. Create a .env file in the root directory and initialize the required variables. You can use the provided .env.sample file as a template.

4. Start the development server:

   npm run dev
   

5. Access the application in your web browser at http://localhost:xxxx.

Appwrite Integration

Express Echo uses Appwrite as a backend service. Follow these steps to integrate your Appwrite project:

1. Create an account on Appwrite and start a new project.

2. In the Appwrite dashboard, go to Integrations and add a Web platform. Enter your project name and domain.

3. Enable Email/Password authentication in Appwrite.

4. Create a database named blog in Appwrite and add a collection named articles with attributes: title, status, featuredImage, userId, and content.

5. Create a storage bucket named images in Appwrite for storing images.

6. Retrieve the following information from your Appwrite project:

   • API endpoint
   • Project ID
   • Database ID
   • Collection ID
   • Bucket ID

7. Update the corresponding variables in your .env file.

TinyMCE Integration

Express Echo utilizes TinyMCE as a real-time text editor. To integrate TinyMCE:

1. Create an account on TinyMCE and obtain an API key.

2. Add your domain to the approved domains list in your TinyMCE account settings.

3. Update the VITE_TINYMCE_API_KEY variable in your .env file with your API key.

Usage

• Register an account on Express Echo using your email address and password.
• Log in to your account to access the dashboard.
• View other users' blog posts and create your own posts.
• Edit or delete your posts as needed.
• Add a title, image, and content to your blog posts.
• The slug for each post is automatically generated from the title.

Stars are appreciated! ⭐️

Live Site

Screenshots

Home Page

Explore Your Posts Page

Post Page

Edit Post Page

Add Post Page

Contributing

Contributions to Express Echo are welcome! If you encounter any bugs, have feature requests, or want to contribute code, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For inquiries or support, please contact Pulkit Uppal.