Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/koheimizuno/mern-blog


https://github.com/koheimizuno/mern-blog

bcrypt bcryptjs bootstrap cors express formik jsonwebtoken mongodb mongoose nodemon react tailwindcss typescript yup

Last synced: about 2 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Blog application

- JWT Authentication Flow for User Signup & User Login
- Project Structure for React Typescript Authentication (without Redux) with React Router & Axios
- Creating React Components with Form Validation using Formik and Yup
- React Typescript Components for accessing protected Resources (Authorization)
- Dynamic Navigation Bar in React Typescript App

## Tech stack

React, Redux, Typescript, TailwindCSS

## Set port

.env

```
PORT=8081
```

## Project setup

In the project directory, you can run:

```
cd frontend
npm install
npm start
```

```
cd backend
npm install
npm start
```

Open [http://localhost:8081](http://localhost:8081) to view it in the browser.

The page will reload if you make edits.