https://github.com/emeka-richard/chatter-blog-vite
The Chatter Blog Application is a dynamic and user-friendly platform built with ReactJS, designed for creating, managing, and sharing articles. The application offers a seamless and responsive user experience, making it easy for users to read and write blog posts from any device.
https://github.com/emeka-richard/chatter-blog-vite
blog firebase javascript reactjs redux typescript vanilla-css
Last synced: 2 months ago
JSON representation
The Chatter Blog Application is a dynamic and user-friendly platform built with ReactJS, designed for creating, managing, and sharing articles. The application offers a seamless and responsive user experience, making it easy for users to read and write blog posts from any device.
- Host: GitHub
- URL: https://github.com/emeka-richard/chatter-blog-vite
- Owner: emeka-richard
- Created: 2024-03-21T21:17:59.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-21T21:26:51.000Z (about 1 year ago)
- Last Synced: 2025-01-25T17:41:36.606Z (4 months ago)
- Topics: blog, firebase, javascript, reactjs, redux, typescript, vanilla-css
- Language: TypeScript
- Homepage: https://chatter-blogv.netlify.app/
- Size: 3.55 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blog App
# Built With React + TypeScript + Vite
This is a private project for managing a blog application. It allows users to create, edit, and publish blog posts. The application is built using React and Firebase.
## Getting Started
To get started with the project, follow these steps:
1. **Clone the repository:**
```bash
git clone
cd blog-app
```
2. **Install dependencies:**
```bash
npm install
```
3. **Run the development server:**
```bash
npm run dev
```
This will start the development server using Vite.
4. **Preview your app:**
```bash
npm run preview
```
This will build the app and serve it for previewing purposes.
## Scripts
- `npm run dev`: Starts the development server.
- `npm run build`: Builds the app for production.
- `npm run lint`: Lints the project using ESLint.
- `npm run preview`: Previews the built app.
- `npm run test`: Runs tests using vitest.
## Dependencies
- **@uiw/react-md-editor**: Markdown editor for React.
- **firebase**: Backend service for managing data and authentication.
- **react**: JavaScript library for building user interfaces.
- **react-dom**: Provides DOM-specific methods for React.
- **react-icons**: Library providing icons for React applications.
- **react-router-dom**: DOM bindings for React Router.
- **react-select**: Select input control for React applications.
- **vite-plugin-svgr**: Vite plugin for importing SVG files as React components.
## Dev Dependencies
- **@testing-library/jest-dom**: Custom Jest matchers for asserting on DOM elements.
- **@testing-library/react**: Simple and complete React DOM testing utilities.
- **@testing-library/user-event**: Simulate events the way a user would interact with the application.
- **@types/react**: TypeScript type definitions for React.
- **@typescript-eslint/eslint-plugin**: ESLint plugin for TypeScript.
- **@typescript-eslint/parser**: TypeScript parser for ESLint.
- **@vitejs/plugin-react**: Vite plugin for React.
- **eslint**: Tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
- **eslint-plugin-react-hooks**: ESLint plugin for React hooks.
- **eslint-plugin-react-refresh**: ESLint plugin for React Refresh.
- **jsdom**: JavaScript implementation of the DOM and HTML standards.
- **typescript**: JavaScript superset that adds static typing to the language.
- **vite**: Next generation frontend tooling.
- **vitest**: Test runner for Vite projects.
## License
[MIT](LICENSE)