Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/koheimizuno/mern-blog
- Owner: koheimizuno
- Created: 2023-12-18T17:59:44.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2023-12-19T13:35:57.000Z (11 months ago)
- Last Synced: 2024-10-28T07:18:38.022Z (21 days ago)
- Topics: bcrypt, bcryptjs, bootstrap, cors, express, formik, jsonwebtoken, mongodb, mongoose, nodemon, react, tailwindcss, typescript, yup
- Language: TypeScript
- Homepage:
- Size: 308 KB
- Stars: 12
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.