https://github.com/prateek5525/digidiary-react-blogwebsite
DigiDiary is a contemporary blog platform developed using Vite and React. It features a clean, user-friendly interface for creating, viewing, and managing blog posts. The application includes dynamic post display, a commenting system, and efficient search functionality. Optimized for all devices, DigiDiary ensures a seamless experience on desktops
https://github.com/prateek5525/digidiary-react-blogwebsite
blogwebsite front-end internship-project react vite
Last synced: 3 months ago
JSON representation
DigiDiary is a contemporary blog platform developed using Vite and React. It features a clean, user-friendly interface for creating, viewing, and managing blog posts. The application includes dynamic post display, a commenting system, and efficient search functionality. Optimized for all devices, DigiDiary ensures a seamless experience on desktops
- Host: GitHub
- URL: https://github.com/prateek5525/digidiary-react-blogwebsite
- Owner: Prateek5525
- Created: 2024-07-24T19:39:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-22T08:16:33.000Z (over 1 year ago)
- Last Synced: 2025-01-23T06:30:41.511Z (over 1 year ago)
- Topics: blogwebsite, front-end, internship-project, react, vite
- Language: CSS
- Homepage: https://digidiaries.netlify.app/
- Size: 164 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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**:
```bash
git clone https://github.com/Prateek5525/DigiDiary.git
```
2. **Navigate to the project directory**:
```bash
cd DigiDiary
```
3. **Install dependencies**:
```bash
npm install
```
4. **Run the development server**:
```bash
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**:
```bash
npm run build
```
2. **Deploy to GitHub Pages**:
```bash
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](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh