MERN-BloggerApp

Getting Started with Create React App

This Project is introduced to FrontEnd Using React, TypeScript and Tailwind CSS

FrontEnd

  • React
  • TypeScript
  • Tailwind CSS

React Application

  • Install React
npx create-react-app test-app --template typescript
  • Install Tailwind css and other libarary
npm install -D tailwindcss postcss autoprefixer
  • Create Config File tailwindcss
npx tailwindcss init -p
  • Config Tailwind CSS In VScode
Go to setting and search **Files assocition** set it `Item`:`*.css` `Value`:`tailwindcss`
  • Install React Router DOM
npm i react-router-dom
  • Install Material Icons
npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
  • Install Material UI
npm install @mui/material @emotion/react @emotion/styled

  • Not Detected Node Modules
npm install
  • Run Project
npm start

BackEnd

  • NodeExpress
  • TypeScript
  • MongoDB

  • This Project All Configurations
tsc -v
tsc -init
npm init -y
npm install express body-parser mongoose
npm install --save-dev nodemon
npm install --save-dev @types/node
npm install --save-dev @types/express
npm install dotenv

  • Here You Can Add More Origins To Allow CORS
npm install cors
npm install @types/cors

  • Not Detected Node Modules
npm install
  • Run Project
npm start