MindMosaic is a React-based web application that leverages Appwrite as its backend. It provides a platform for users to engage in CRUD (Create, Read, Update, Delete) operations, offering a seamless and interactive experience.
- CRUD Operations: Create, read, update, and delete functionality for managing content.
- Appwrite Backend: Utilizes Appwrite for backend services, ensuring robust and scalable performance.
- Rich Text Editing: Incorporates TinyMCE for advanced text editing capabilities.
- State Management: Employs Redux Toolkit for efficient state management across the application.
- Routing: Implements React Router for smooth navigation between different views.
- Form Handling: Uses React Hook Form for efficient and flexible form management.
- Responsive Design: Built with Tailwind CSS for a responsive and modern UI.
Before you begin, ensure you have the following installed:
- Node.js (version 12.0 or later)
- npm (usually comes with Node.js)
-
Clone the repository:git clone https://github.com/yourusername/MindMosaic.git
cd MindMosaic -
Install the dependencies:
npm installorbun install
- Set up an Appwrite account and create a new project.
- Configure your Appwrite endpoints and project details in the application.
To start the development server:
npm run dev
The application will be available at http://localhost:5173 (or another port if 5173 is in use).
To create a production build:
npm run build
The built files will be in the dist directory.
npm run dev: Starts the development servernpm run build: Builds the app for productionnpm run lint: Runs ESLint for code qualitynpm run preview: Previews the production build locally
- React & React DOM
- Redux Toolkit & React-Redux
- React Router DOM
- Appwrite
- TinyMCE React
- React Hook Form
- HTML React Parser
- Vite
- ESLint
- Tailwind CSS
- PostCSS
- Autoprefixer
Contributions are welcome! Please feel free to connect personally on socials.