Voyager Blog is a web application designed to provide a platform for users to share and read blog posts. This project is built using React for the frontend and a RESTful API for the backend.
- User authentication and authorization
- Create, read and update blog posts
- View top users and their posts
- Responsive design
- React
- Material-UI
- Notistack for notifications
- RESTful API
- Node.js (for backend)
- Express (for backend)
- MongoDB (for database)
- Node.js
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/Frnn4268/voyager-blog.git
-
Navigate to the project directory (Backend):
cd .\api
npm install -
Navigate to the project directory (Backend):
cd .\client
npm install
- Start the backend server:
- Start the frontend development server:
Create a .env
file in the root directory and add the following environment variables:
-
Backend:
PORT=<your_port>
MONGODB_URI=<your_mongo_url>
JWT_SECRET=<your_secret>
-
Frontend:
REACT_APP_API_URL=<your_api_url>
REACT_APP_API_UPLOAD=<your_api_url>
Replace <your_api_url>
with the URL of your backend API.
- Register or log in to your account.
- Create new blog posts or edit your existing posts.
- View posts from other users.
- Check out the top users on the platform.