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

My Digital Diary

My Digital Diary is a blog-type project where users can add blogs about events, view their blogs, edit, and delete them using a real-time editor. The project is built with React and Vite.

Features

• Add, view, edit, and delete blogs
• Real-time editor
• State management with Redux Toolkit
• Routing with React Router DOM
• Form handling with React Hook Form
• HTML parsing
• Styled with Tailwind CSS

Installation

To run this project locally, follow these steps:

Prerequisites

Make sure you have the following installed on your system:

• Node.js (>= 14.x)
• npm (>= 6.x) or yarn (>= 1.x)

Steps

1. Fork the repository:

   Click the "Fork" button on the top right corner of the repository page to create a copy of the repository in your GitHub account.

2. Clone the repository:

   Clone the forked repository to your local machine using the following command:

   git clone https://github.com/YourUsername/My-Digital-Diary.git
   

3. Navigate to Project Directory cd My-Digital-Diary

4. Install Dependencies

• If you are using npm :- npm install

• If you are using yarn :- yarn install

5. Start the development server

• If you are using yarn :- yarn dev

• If you are using npm :- npm run dev

• The application will be available at http://localhost:3000.

• Preffered Browser :- Mozilla Firefox

Live Demo

• You can see a live demo of the application here

Contributing

If you want to contribute to this project, please follow these steps:

• Fork the repository
• Create a new branch (git checkout -b feature/YourFeature)
• Make your changes
• Commit your changes (git commit -m 'Add some feature')
• Push to the branch (git push origin feature/YourFeature)
• Open a pull request

Snapshots

Future Improvements for Digital Diary Project

Enhanced User Interface

• Dark Mode and Light Mode: Implementing both modes to make the interface more user-friendly, in desirable environments.

Social and Collaborative Features

• Sharing Options: Allow users to share specific posts or their entire diary with friends or on social media.

Mobile

• Mobile App: Develop a mobile application for iOS and Android to provide users with the ability to manage their diaries on the go.

Analysis

• Usage Analytics: Provide users with insights into their writing habits, such as the number of posts per month or popular topics.

Language

• Multilingual Support: Offer support for multiple languages to cater to a wider audience.

User Feedback

• Feedback System: Create a system for users to provide feedback and suggest new features.