DigiDiary

Internship Project: Unified Mentor

DigiDiary is a modern and responsive blog platform built with Vite and React. This project allows users to view, create, and manage blog posts with a sleek and user-friendly interface.

Features

• Dynamic Blog Display: Automatically fetch and display blog posts with a clean card layout.
• Add New Blog Posts: Easily add new blog entries with images and content.
• Commenting System: Enable readers to leave comments on blog posts.
• Search Functionality: Implemented search to find blog posts quickly.
• Responsive Design: Fully optimized for all devices, from desktops to mobile phones.

Technologies Used

• Vite: A fast build tool for modern web projects.
• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for custom styling.
• GitHub Pages: For hosting the deployed application.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Prateek5525/DigiDiary.git

2. Navigate to the project directory:

   cd DigiDiary

3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

5. Open your browser and go to http://localhost:3000 to see the application.

Deployment

To deploy the project to GitHub Pages:

1. Build the project:

   npm run build

2. Deploy to GitHub Pages:

   npm run deploy

   The application will be available at https://Prateek5525.github.io/DigiDiary.

Contributing

Feel free to fork this repository and make pull requests. For any issues or suggestions, please open an issue on GitHub.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh