https://github.com/kevinmatamoros/react-full-stack
Articles App
https://github.com/kevinmatamoros/react-full-stack
firebase-auth mongodb-atlas nodejs react react-router render
Last synced: about 2 months ago
JSON representation
Articles App
- Host: GitHub
- URL: https://github.com/kevinmatamoros/react-full-stack
- Owner: KevinMatamoros
- Created: 2025-04-13T00:10:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-17T19:02:58.000Z (about 1 year ago)
- Last Synced: 2025-04-23T03:57:14.620Z (about 1 year ago)
- Topics: firebase-auth, mongodb-atlas, nodejs, react, react-router, render
- Language: JavaScript
- Homepage: https://react-full-stack-deploy.onrender.com/
- Size: 84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Articles App 📝
A basic blog application built using the MERN stack (MongoDB, Express, React, and Node.js). It allows users to browse and read blog posts.
> ⚠️ Note: This is a **read-only** blog. Creating, editing, or deleting posts is not enabled.
## 🧰 Tech Stack
- **Frontend**: React, React Router, Axios
- **Backend**: Node.js, Express
- **Database**: MongoDB (via Mongoose)
## ⚙️ Features
- View a list of all blog posts
- Read full content of individual posts
- Responsive and clean UI
## 🚀 Getting Started
### 1. Clone the repository
```bash
git clone https://github.com/your-username/mern-blog.git
cd mern-blog
```
### 2. Backend Setup
```bash
cd backend
npm install
```
Create a `.env` file and add the following:
```env
PORT=5000
MONGO_URI=mongodb://localhost:27017/mern-blog
```
Start the backend server:
```bash
npm run dev
```
### 3. Frontend Setup
```bash
cd ../frontend
npm install
npm start
```
### 4. Open the App
Navigate to: [http://localhost:3000](http://localhost:3000)
## 📁 Project Structure
```
mern-blog/
├── backend/
│ ├── models/
│ ├── routes/
│ ├── controllers/
│ └── server.js
├── frontend/
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ └── App.js
```
## 🛠 Useful Scripts
### Backend
```bash
npm run dev # Runs the backend with nodemon
```
### Frontend
```bash
npm start # Starts React development server
```
## 📌 Notes
- Ensure MongoDB is running locally on your machine.
- You can update the `MONGO_URI` to connect to a MongoDB Atlas cloud instance if preferred.
## 📄 License
This project is licensed under the MIT License.