An open API service indexing awesome lists of open source software.

https://github.com/samedfft2634/imprint_blogapp

This is a Blog Application for sharing information. The main purpose of this project is to create blogs with useful information sharing or thoughts about anything. Edit, delete or like. If you are undecided, set your post as a draft to think about it.
https://github.com/samedfft2634/imprint_blogapp

axios-react formik-yup mui-material nodejs react reactjs reactrouterdom reacttoastify redux reduxpersist reduxtoolkit skeleton-loading

Last synced: about 2 months ago
JSON representation

This is a Blog Application for sharing information. The main purpose of this project is to create blogs with useful information sharing or thoughts about anything. Edit, delete or like. If you are undecided, set your post as a draft to think about it.

Awesome Lists containing this project

README

          

# ๐ŸŒŸ IMPRINT BLOG App - Sharing is Beautiful!



Blog App Demo

IMPRINT Blog App



๐Ÿš€ Click Here for Live Demo ๐Ÿš€ ยป



## ๐Ÿ“œ Project Description

Sharing is good. Share your thoughts and knowledge to connect with, learn from and teach more people.
Imprint is a blog application for creating articles, news, thoughts about anything , some kind of to do lists or anything like what you want to use it.(ex:Recipes List with images)
Different users can like the blogs or share theit thoughs about the text. With this responsive application, users can easily access the website via mobile or tablet and start scribbling.
For validation , formik and yup used. So be careful when registiring and don't forget login before create new blog. Enjoy yourself! ๐Ÿ˜Š


> [!IMPORTANT]
> This project created with live node.js server.

## ๐Ÿ“œ Created With
![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![Redux](https://img.shields.io/badge/Redux-764ABC?style=for-the-badge&logo=redux&logoColor=white)
![Material-UI](https://img.shields.io/badge/Material--UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)
![MUI Icons Material](https://img.shields.io/badge/MUI%20Icons%20Material-007FFF?style=for-the-badge&logo=mui&logoColor=white)
![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white)
![Formik](https://img.shields.io/badge/Formik-0CADC7?style=for-the-badge&logo=formik&logoColor=white)
![Yup](https://img.shields.io/badge/Yup-4A4A55?style=for-the-badge)
![Emotion React](https://img.shields.io/badge/Emotion%20React-DB7093?style=for-the-badge&logo=emotion&logoColor=white)
![Emotion Styled](https://img.shields.io/badge/Emotion%20Styled-DB7093?style=for-the-badge&logo=emotion&logoColor=white)
![React Redux](https://img.shields.io/badge/React%20Redux-764ABC?style=for-the-badge&logo=redux&logoColor=white)
![Redux Persist](https://img.shields.io/badge/Redux%20Persist-764ABC?style=for-the-badge&logo=redux&logoColor=white)
![React Router Dom](https://img.shields.io/badge/React%20Router%20Dom-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
![React Toastify](https://img.shields.io/badge/React%20Toastify-FFC107?style=for-the-badge&logo=react-toastify&logoColor=white)

## ๐Ÿš€ Features

- **Update-Delete:** Edit your blog as you want. Delete old notes or update drafted blogs to published.
- **Like-Comment:** If you have a favorite article, you can like it and leave a comment.
- **Count-of-Visitors:** See that how many people reach your articles or share the most liked contents to your friends.
- **Pagination:** Do not scroll down forever :) For seeing new articles, travel between the pages.

## ๐Ÿš€ Getting Started

These instructions will help you get a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

What you need to install the software:

- Node.js
- npm or yarn

### Installing

Follow these steps to get your development environment running:

1. Clone the repository
```sh
git clone [https://github.com/samedfft2634/Imprint_BlogApp.git]
```
2. Install NPM packages
```sh
npm install / yarn install
```
3. To run the project locally:
```sh
npm start / yarn start
```

### (This command will start the development server)

## ๐Ÿ“ฑ Responsive Design

Responsive View 1
Responsive View 4
Responsive View 2
Responsive View 3

## ๐Ÿ“ž Contact

Samed Fent: samed.fent1@gmail.com

Project Link: Live


[๐Ÿ—‚ View My Other Projects](https://github.com/samedfft2634?tab=repositories)


โซ Back to Top โซ