An open API service indexing awesome lists of open source software.

https://github.com/dincertekin/mblog

Powerful mobile news/blogging app.
https://github.com/dincertekin/mblog

blogging express mobile-app mysql react-native

Last synced: 4 months ago
JSON representation

Powerful mobile news/blogging app.

Awesome Lists containing this project

README

          

# mblog

Mobile blog application built using **React Native** for the client-side and **Express.js** with **MySQL** for the server-side. The UI design was sourced from a design on Figma, and the entire application was developed from scratch.

## Features

- **Blog Management:** Create, read, update, and delete blog posts.
- **Responsive Design:** Optimized for mobile devices.
- **Real-time Updates:** Posts and comments are updated in real-time.

## Screenshots

| Home Screen | Post Details |
|--------------------------------------|--------------------------------------|
| ![Home Screen](screenshots/screenshot_1.png) | ![Post Details](screenshots/screenshot_2.png) |

## Technologies

### Client-Side:
- **React Native:** Framework for building native apps using React.
- **Node-Fetch:** HTTP client for API requests.

### Server-Side:
- **Express.js:** Fast and minimal Node.js web framework.
- **MySQL:** Relational database for storing user data and blog content.

## Installation

### Prerequisites

- **Node.js** and **npm/yarn** installed.
- **MySQL** database setup.

### Client-Side Setup

1. Clone the repository:

```bash
git clone https://github.com/dincertekin/mobile-blog.git
cd mobile-blog/client
```

2. Install dependencies:

```bash
npm install
# or
yarn install
```

3. Start the development server:

```bash
npm run start
# or
yarn start
```

### Server-Side Setup

1. Navigate to the server directory:

```bash
cd mobile-blog/server
```

2. Install dependencies:

```bash
npm install
# or
yarn install
```

3. Configure the MySQL by editing `app.js` file in the `server` directory:

```js
host: 'your_mysql_host'
user: 'your_mysql_user'
password: 'your_mysql_password'
database: 'your_database_name'
```

4. Start the server:

```bash
npm run start
# or
yarn start
```

## Usage

1. Open the app on your mobile device (or emulator).
2. Start creating, editing, and reading blog posts.

## Contributions

Contributions are welcome! Please feel free to submit a Pull Request.

## License

This project is licensed under [MIT License](LICENSE).

## Thanks

- **Figma** for the UI design inspiration.
- **Open-source libraries** and frameworks that made this project possible.