Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rencas1207/admin-app

Admin App
https://github.com/rencas1207/admin-app

chakra-ui express mongodb nextjs node reack-hook-form react-query reactjs zustand

Last synced: 16 days ago
JSON representation

Admin App

Awesome Lists containing this project

README

        

# Admin App

### Back: Node - Express - MongoDB

- Install: `npm i typescript`
- Install config ts: `npx tsc --init`
- File: tsconfig.json -> Search: `outDir: dist`
- Create script en package.json:
1. "dev": "nodemon index.ts"
2. "build": "tsc"
- Install: `npm i express dotenv`
- Install: `npm i @types/express ts-node nodemon -D`
- Install: `npm i mongoose`
- Install: `npm i cors`
- Install: `npm i @types/cors -D`
- Install: `npm i nodemailer`
- Install: `npm i @types/nodemailer -D`
- Install: `npm i cookie-parser`
- Install: `npm i @types/cookie-parser -D`
- Install: `npm i jsonwebtoken`
- Install: `npm i @types/jsonwebtoken -D`

### Front: React (Next) - ChakraUI - Zustand - React Query - React Hook Form

- Install: `npm create t3-app@latest`
- Install: `npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion`
- Install: `npm i react-hook-form`
- Install: `npm i axios`
- Install: `npm i @hookform/resolvers`
- Install: `npm i -D @hookform/devtools`
- Install: `npm i @tanstack/react-query`
- Install: `npm i react-datepicker`
- Install: `npm i -D @types/react-datepicker`