I developed the frontend of a blog app project using Create React App (CRA). The backend is written in Node.js. I implemented state management using Redux Toolkit. Additionally, for UI/UX design, I utilized Prime React and Tailwind CSS.
React.js : Created the project using the JavaScript framework React.React is a JavaScript library used for creating user interfaces. react-dom is used to render React applications in the browser.
Reduxjs/toolkit : Redux Toolkit is a library that enables faster and more efficient use of Redux. It simplifies global state management using Redux.
React-redux: React Redux is a library that facilitates the integration of React and Redux. It is used for global state management in React
React-router-dom: It is a library used for page navigation and route management in React applications
Yup:It is a schema-based validation library
Formik: It is used for form management.
Axios:It used for managing API requests and CRUD operations.
Redux-persist: Used to make the Redux store's state persistent.
Postman:It is used to control API requestsand CRUD operations.
Redux DevTools:It is used for the development and debugging of application based on Redux state management.
Prime React: It is a React component library and used for UI components.
Ouill: It used for text editing features.
React-toastify:It has been used for users to track actions on the page.
Headlessui/react:Headless UI is a library that supports UI development.
Heroicons/react:Heroicons is an SVG icon library
Tailwind CSS:It is a CSS framework for web projects, designed to facilitate the rapid and efficient creation of customizable.
📝 Users can view and read the blogs on the page without logging in.
📝 They can filter blogs by category.
📝 Search based on the content of the blogs.
📝 If user want to write a blog, they should either register or log in.
📝 After completing the login process, they can write, edit, and delete blogs.
https://36150.fullstack.clarusway.com/
npm install and npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.