https://github.com/ricky-saha/blog-application
The Blog Application is a web platform built with React for the frontend and Appwrite for the backend. It allows users to create, manage, and share blog posts.
https://github.com/ricky-saha/blog-application
appwrite-auth reactjs
Last synced: 8 days ago
JSON representation
The Blog Application is a web platform built with React for the frontend and Appwrite for the backend. It allows users to create, manage, and share blog posts.
- Host: GitHub
- URL: https://github.com/ricky-saha/blog-application
- Owner: Ricky-saha
- Created: 2024-06-16T23:28:39.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-03T15:33:51.000Z (almost 2 years ago)
- Last Synced: 2025-02-28T17:20:50.935Z (over 1 year ago)
- Topics: appwrite-auth, reactjs
- Language: JavaScript
- Homepage:
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Setup
This is a [React](https://react.dev/) project created with [Vite](https://vitejs.dev/). Make sure that you have installed React and Vite into your machine.
- Install npm dependencies.
```sh
npm install
```
- Setup [appwrite](https://cloud.appwrite.io/) environment as specified in `.env.sample`.
```js
VITE_APPWRITE_URL="appwrite endpoint url"
VITE_APPWRITE_PROJECT_ID="appwrite project id"
VITE_APPWRITE_DATABASE_ID="appwrite database id"
VITE_APPWRITE_COLLECTION_ID="appwrite collection id"
VITE_APPWRITE_BUCKET_ID="appwrite bucket id"
```
- Run project in your machine.
```sh
npm run dev
```
## Dependencies
- [**appwrite**](https://www.npmjs.com/package/appwrite): Appwrite is an open-source backend as a service server that abstract and simplify complex and repetitive development tasks behind a very simple to use REST API.
- [**@headlessui/react**](https://www.npmjs.com/package/@headlessui/react): A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.
- [**@reduxjs/toolkit**](https://www.npmjs.com/package/@reduxjs/toolkit): The official, opinionated, batteries-included toolset for efficient Redux development i.e. state management.
- [**@tinymce/tinymce-react**](https://github.com/tinymce/tinymce-react): Official [TinyMCE](https://www.tiny.cloud/) React component. The world's #1 open source rich text editor.
- [**html-react-parser**](https://www.npmjs.com/package/html-react-parser): The parser converts an HTML string to one or more React elements.
- [**react-hook-form**](https://react-hook-form.com/): Performant, flexible and extensible forms with easy-to-use validation.
- [**react-router-dom**](https://reactrouter.com/en/main): The react-router-dom package contains bindings for using React Router in web applications.
- [**react-redux**](https://react-redux.js.org/): Official React bindings for Redux.
## 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