Skip to content

Latest commit

 

History

History
63 lines (47 loc) · 2.29 KB

README.md

File metadata and controls

63 lines (47 loc) · 2.29 KB
Raw

🚀 Verve Blog

Welcome to Verve Blog! This full-stack blog website enables you to create and share your thoughts with the world. It's built using React, Tailwind CSS, Express, Node.js, MongoDB, FalconAI text summarization API, React-Quill, and more.

Features

  • User-friendly Interface: Enjoy a sleek and intuitive UI powered by React and Tailwind CSS.
  • Text Summarization: Utilizes FalconAI's powerful text summarization API to summarize lengthy articles.
  • Rich Text Editor: Compose your blog posts effortlessly with React-Quill's rich text editor.
  • Bookmark Creation: Easily create bookmarks for your favorite blog posts, allowing quick access to valuable content.

Snapshots

Sign-In Page

Alt text

Home Page

Alt text

View A Blog Post

Alt text

Create Your Own Blog

Alt text

Getting Started

  1. Clone the repository.
  2. Navigate to the project directory.
  3. For Client:

    1. Navigate to client directory: cd client

    2. Install dependencies: npm install

    3. Create a .env file and add your Hugging Face API key to the .env file in the following format:

      VITE_HF_TOKEN = YOUR_KEY

    4. Start client: npm run dev

  4. For Server:

    1. Navigate to server directory: cd server

    2. Make sure you have Node.js installed:

      node --version

    3. Install dependencies: npm install

    4. Create a .env file in the server directory.

    5. Add your MongoDB connection details and Auth Details to the .env file in the following format:

      MONGO_URL= YOUR_DB_URL
port = YOUR_PORT
OFFICIAL_EMAIL= YOUR_EMAL
OFFICIAL_PASS= YOUR_PASS
JWT_KEY= YOUR_KEY
JWT_REFRESHTOKEN_KEY= YOUR_TOKEN

    6. Start server using npm start

  5. Open your browser and visit http://localhost:5173 to view the blog website.

Feel free to explore, create, and share your blog posts with Verve Blog! 📝✨