Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/leytox/blogbugster
Blogging App about Computer Bugs
https://github.com/leytox/blogbugster
bcrypt express jwt mern-stack mongodb node react redux-toolkit rtk-query
Last synced: about 1 month ago
JSON representation
Blogging App about Computer Bugs
- Host: GitHub
- URL: https://github.com/leytox/blogbugster
- Owner: Leytox
- License: mpl-2.0
- Created: 2024-07-22T13:57:06.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T14:50:42.000Z (about 2 months ago)
- Last Synced: 2024-10-28T15:16:40.965Z (about 2 months ago)
- Topics: bcrypt, express, jwt, mern-stack, mongodb, node, react, redux-toolkit, rtk-query
- Language: JavaScript
- Homepage:
- Size: 5.35 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BlogBugster
Blog application created using MERN STACK.
## Table of Contents
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Configuration](#configuration)
- [Backend Configuration](#backend-configuration)
- [Frontend Configuration](#frontend-configuration)
- [Usage](#usage)
## Prerequisites
- Node.js (version 22 or higher)
- MongoDB
- Google Account (for email functionality)
- Telegram Bot API key
- Firebase account
## Installation
1. Clone the repository:
```
git clone https://github.com/Leytox/BlogBugster.git
cd blogbugster
```
2. Install dependencies for both backend and frontend:
```
cd backend && npm install
cd frontend && npm install
```
## Configuration
### Backend Configuration
Create a `.env` file in the `backend` directory with the following variables:
```
NODE_ENV=development
MONGODB_URI=your_mongodb_connection_string
PORT=5000
JWT_ACCESS_SECRET=your_jwt_access_secret
JWT_ACCESS_EXPIRES_IN=15m
JWT_REFRESH_SECRET=your_jwt_refresh_secret
JWT_REFRESH_EXPIRES_IN=7d
[email protected]
GOOGLE_REFRESH_TOKEN=your_google_refresh_token
GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret
TELEGRAM_BOT_API=your_telegram_bot_api_key
CLIENT_URL=http://localhost:5173
```
### Frontend Configuration
Create a `.env` file in the `frontend` directory with the following variables:
```
VITE_BACKEND_URI=http://localhost:5000/api
VITE_FIREBASE_API_KEY=your_firebase_api_key
VITE_SITE_API_KEY=your_site_api_key_from_recaptcha
```
## Usage
1. Start the backend server:
```
cd backend && npm start
```
2. In a new terminal, start the frontend development server:
```
cd frontend && npm run dev
```
3. Access the application at `http://localhost:5173` (or the port specified by Vite).