Blog360

Welcome to Blog360, your comprehensive blogging platform! Below is a step-by-step guide to set up the project and start your development journey.

Vite and Tailwind CSS Setup:

npm create vite cd your-blog360-app npm install -D tailwindcss@latest postcss@latest autoprefixer@latest npx tailwindcss init -p

Configure your tailwind.config.js and postcss.config.js accordingly.

React Router DOM:

npm install react-router-dom

Flowbite-React:

npm install flowbite-react

Backend Dependencies:

npm install nodemon express mongoose dotenv bcryptjs cors jsonwebtoken cookie-parser

Redux Toolkit and React-Redux:

npm install @reduxjs/toolkit react-redux redux-persist

React Icons:

npm install react-icons

Firebase:

npm install firebase

Tailwind Scrollbar (Dev Dependency):

npm install --save-dev tailwind-scrollbar

Development

Start the Vite development server:

npm run dev

Start the backend with Nodemon:

npm run start

Configuration:

Ensure to configure Firebase and MongoDB credentials in your project. Tailwind CSS styles and configurations can be customized in tailwind.config.js.

Notes:

Explore the rich functionalities offered by each package for a delightful development experience. This setup provides a solid foundation for implementing the features of the Blog360 app. Happy coding! 🚀