https://github.com/abdurraahimm/react-blog-localstorage

This is a simple authentication and blog app with localStorage
https://github.com/abdurraahimm/react-blog-localstorage

blog localstorage react-router-v6 tailwindcss vitereact

Last synced: 26 days ago
JSON representation

This is a simple authentication and blog app with localStorage

• Host: GitHub
• URL: https://github.com/abdurraahimm/react-blog-localstorage
• Owner: AbdurRaahimm
• Created: 2024-01-09T14:46:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-16T12:50:19.000Z (about 1 year ago)
• Last Synced: 2024-11-09T18:38:09.827Z (3 months ago)
• Topics: blog, localstorage, react-router-v6, tailwindcss, vitereact
• Language: JavaScript
• Homepage: https://react-blog-localstorage.vercel.app
• Size: 889 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Vite Tailwind Project authentication and blog website with localStorage 

## Description 

This is a simple project with react vite tailwind css and localstorage. This project is a simple authentication and blog website. In this project you can create a blog and save it in localstorage. You can also delete the blog. You can also login and logout. This project is a simple project. I hope you like this project.

## Usage

1. Clone this repository

```bash

git clone https://github.com/AbdurRaahimm/react-blog-localstorage.git

```

2. Run The Essential Dependency

```bash

npm install

```

3. Run `npm run dev` to start the development server

```bash

npm run dev

```

4. Run `npm run build` to build the project

```bash

npm run build

```

5. Run `npm run serve` to serve the build

```bash

npm run serve

```

## Features

- Authentication

- Blog

- LocalStorage

- Login

- Logout

- Delete Blog

- Add/Edit Blog 

- Search post

- Edit profile

- Responsive Design (Mobile First) 

## New Features Add

- Image add in Blogs

- Image add in Profile

## Tools

- React

- Vite

- Tailwind CSS

- ESLint

## Screenshots

![home](public/Screenshots/image.png)

![single post](public/Screenshots/image-1.png)

![update post](public/Screenshots/image-2.png)

![profile](public/Screenshots/image-3.png)

![profile](public/Screenshots/image-4.png)

## Live Demo

[Live Demo](https://react-blog-localstorage.vercel.app/)

## Connect on Social Media

- [Twitter](https://twitter.com/AbdurRahim4G)

- [Instagram](https://www.instagram.com/abdurrahim4g/)

- [Facebook](https://www.facebook.com/Rahim72446)

- [LinkedIn](https://www.linkedin.com/in/abdur-rahim4g/)

- [YouTube](https://youtube.com/@AbdurRahimm)