Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/abhijeetkokat007/blog-app

mern blog app
https://github.com/abhijeetkokat007/blog-app

expressjs mongodb mongoose nodejs reactjs tailwindcss

Last synced: about 5 hours ago
JSON representation

mern blog app

Awesome Lists containing this project

README

        

# Abhi's Blog App

This is a simple blog application built using the MERN stack.

## Features

- Users can view a list of blog posts.
- Users can read individual blog posts.
- Users can create new blog posts.
- Users can update or delete existing blog posts.

## Technologies Used

- MongoDB: A NoSQL database for storing blog post data.
- Express.js: A Node.js web application framework for building the backend.
- React.js: A JavaScript library for building user interfaces.
- Node.js: A JavaScript runtime for building server-side applications.
- Axios: A promise-based HTTP client for making requests to the backend API.
- React Router: A library for declarative routing in React applications.

## Getting Started

To run this application locally, follow these steps:

1. Clone this repository.
2. Navigate to the `backend` directory and run `npm install` to install backend dependencies.
3. Navigate to the `frontend` directory and run `npm install` to install frontend dependencies.
4. Start the backend server by running `npm start` in the `backend` directory.
5. Start the frontend development server by running `npm start` in the `frontend` directory.
6. Open your browser and navigate to `http://localhost:3000` to view the application.

## Folder Structure

- `api`: Contains the backend code.
- `client`: Contains the frontend code.

## Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork this repository.
2. Create a new branch (`git checkout -b feature/your-feature-name`).
3. Commit your changes (`git commit -am 'Add some feature'`).
4. Push to the branch (`git push origin feature/your-feature-name`).
5. Create a new Pull Request.

## License

This project is licensed under the [MIT LICENSE](https://github.com/Abhijeetkokat007/blog-app/blob/main/LICENSE).