ReactJS Blog

A boilerplate application developed with Hooks + Redux for CRUD operations.

Tools that I used while developing the project are;

Eslint, Prettier, Husky, Babel, Webpack, Jest, fake-api

Table of Contents

• Project Overview
• Installation
• Test
• Structure
• Support
• Contributing

ProjectOverview

A short overview of the project

Installation

with Docker

git clone https://github.com/mJiyan/reactjs-blog.git
cd reactjs-blog
docker-compose up

manually

git clone https://github.com/mJiyan/reactjs-blog.git
cd reactjs-blog
yarn
yarn start

Test

git clone https://github.com/mJiyan/reactjs-blog.git
cd reactjs-blog
yarn
yarn test

Structure

├─ __test__
│  ├─ setup
│  │  └─ setupTest.js
│  └─ BlogList.test.js
├─ .huksy
│  ├─ pre-commit
│  └─ pre-push
├─ public
│  └─ index.html
│
├─ src
│  ├─ @fake-api
│  │  └─ db.json
│  │
│  ├─ components
│  │  ├─ Modals
│  │  │  ├─ AddEditBlogModal.jsx
│  │  │  └─ RemoveBlogModal.jsx
│  │  └─ index.js
│  │
│  ├─ redux
│  │  ├─ actions
│  │  │  └─ Blog
│  │  │     ├─ index.js
│  │  │     └─ types.js
│  │  └─ reducers     
│  │     ├─ Blog
│  │     │  └─ index.js
│  │     └─ index.js
│  │
│  ├─ routes
│  │  └─ index.js
│  │
│  ├─ services
│  │  ├─ api.js
│  │  └─ constants.js
│  │
│  ├─ views
│  │  ├─ Blog
│  │  │  ├─ BlogDetail.jsx
│  │  │  └─ BlogList.jsx
│  │  └─ index.js
│  │
│  ├─ configureStore.js
│  ├─ index.js
│  └─ reducers.js
│
├─ .dockerignore
├─ .eslintrc
├─ .gitignore
├─ .prettierrc
├─ babel.config.js
├─ docker-compose.yaml
├─ Dockerfile
├─ jest.config.js
├─ LICENSE
└─ package.json
└─ webpack.config.js

Support

Please open an issue for support & suggestions.

Contributing

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.