Berrycious

View Back Repository

Description

Berrycious is a Food Blog made with MERN stack. It allows an user to share recipes. Readers might comment and send messages to the blogger.

Features

Routing with React Router
Comments with nested replies
Blog posts with image, ingredients and instructions
Horizontal panels to see blogger informations and send messages
Posts sorting and filtering
Pagination with 10 posts preview per page
Responsive

Preview

berrycious_preview.mp4

Installation

Requirements

Node.js
Berrycious API

Clone the repository

$ git clone git@github.com:Aure-en/berrycious.git
$ cd berrycious
$ npm install

Set up environment variables

Create a .env file in the root directory and set the following variable

REACT_APP_API_URL=your API url

Start

$ npm run build
$ npm install -g serve
$ serve -s build

Dependencies

React
React Router
Styled-components
View more in the package.json