Hadith Of The Day

This project is a web application that displays a "Hadith of the Day" with features for sharing, saving, and interacting with the Hadith. The application uses React for the frontend and @material-tailwind/react for UI components.

Deployed Application

The application is also deployed and can be accessed at

   https://deen-verse-front.vercel.app/

Features

• Display a random Hadith each day.
• Like, save, and share the Hadith.
• Toggle fullscreen mode.
• View Hadith in multiple languages.
• Download the Hadith as an image.

Prerequisites

• Node.js and npm installed
• A running backend server for user authentication and content management

Getting Started

Backend Setup

1. Clone the backend repository:

   git clone https://github.com/hasnain-sid/DeenVerse.git
   cd backend

2. Install dependencies:

   npm install

3. Configure CORS in index.js file:

   • Open index.js file located in the backend directory.
   • Update the CORS configuration to allow requests from your frontend URL.

     const corsOptions = {
     origin: 'http://localhost:3000', // Example URL
     credentials: true,
     };
     app.use(cors(corsOptions));

4. Start the backend server:

   nodemon index.js

Frontend Setup

1. Clone the frontend repository:

   git clone https://github.com/hasnain-sid/DeenVerse.git
   cd frontend

2. Install dependencies:

   npm install

3. Update constant.js file:

   • Open constant.js file located in the frontend directory.
   • Ensure the USER_API_END_POINT is pointing to your backend server.

     export const USER_API_END_POINT = "http://localhost:8081/api/v1/user"

4. Start the frontend server:

   npm start

Usage

• The application will be available at http://localhost:3000.
• Interact with the Hadith of the day, save, and share it.

Dependencies

• React
• @material-tailwind/react
• axios
• react-hot-toast
• redux
• react-redux
• react-icons
• html-to-image
• downloadjs

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License.