Skip to content

itsteatv/Reactjs-Blog-App

Repository files navigation

Reactjs-Blog-App

Experience the future of blogging with our cutting-edge full stack blog app built using React.js, Laravel, Mantine UI & Material UI components and React Router v6.4. Seamlessly navigate through captivating content, enjoy stunning visuals, and engage with a user interface that seamlessly blends innovation and style. From intuitive navigation powered by React Router v6.4 to the elegant design achieved through Mantine UI and Material UI, this app redefines the way you interact with blogs. Get ready for a dynamic, feature-rich, and visually immersive blogging journey like never before.

Screenshot

Live Demo

Features

  • Light & dark mode.
  • Creating account and logging into account & log out.
  • Updating user profile (Profile picture included).
  • Pagination For Blog Posts.
  • Adding Blog Posts (Coming soon).

Technologies Used

  • React.js: A JavaScript library for building user interfaces.

  • Vite: A fast build tool for modern web development with React.js.

  • PHP (Laravel): Easy-to-use web framework that will help you create extensible PHP-based websites and web applications at scale.

  • Redux Toolkit: Redux Toolkit (also known as "RTK" for short) is official recommended approach for writing Redux logic.

  • MUI: An open-source React component library that implements Google's Material Design.

  • Mantine UI: a React components library with an aim to provide great user and developer experience.

Getting Started

Prerequisites Node.js and npm should be installed on your machine.

Installation

To run the project locally, follow these steps:

1️⃣ Clone the repository:

  git clone https://github.com/itsteatv/Reactjs-Blog-App.git

2️⃣ Navigate to the project directory:

  cd Reactjs-Blog-App

3️⃣ Install dependencies

  npm install

4️⃣ Start the development server:

  npm run dev

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, please feel free to submit a pull request.

Acknowledgements

Special thanks to my backend developer friend for helping me to made this full stack blog app.

This app is for educational purposes only.