Blogify is a powerful and user-friendly blog platform built using React and Tailwind CSS. It provides a seamless way to manage and interact with blog posts, users, with authentication features.
-
This project relies on Node.js so make sure that you have it installed on your system.
-
Clone the repository:
git clone https://github.com/Monabbir-Ahmmad/Blogify-Frontend.git- Install the dependencies:
cd blogify/frontend
npm install- Set up environment variables
VITE_API_HOST = API HOST ADDRESS
VITE_API = /api
- Start the app:
npm run dev- The app will be running at
http://localhost:3000.
- React: React is a free and open-source front-end JavaScript library for building user interfaces based on components.
- React Router Dom: React Router Dom is used to build single-page applications i.e. applications that have many pages or components but the page is never refreshed instead the content is dynamically fetched based on the URL.
- React Query: React Query is a data-fetching and state management library for React applications that simplifies fetching, caching, and updating data.
- Vite: Vite is a new breed of frontend build tooling that significantly improves the frontend development experience. It consists of two major parts:
- A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
- A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
- Tailwind CSS: Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
This project is licensed under the MIT License.
Enjoy using Blogify for all your blogging needs! If you encounter any issues or have any suggestions, please feel free to raise an issue on GitHub. Happy blogging!