https://github.com/pintu544/blog-app-frontend-react

Blog website with a functionality of CRUD and search with category
https://github.com/pintu544/blog-app-frontend-react

bootstrap reactjs tostify yup-validation

Last synced: 24 days ago
JSON representation

Blog website with a functionality of CRUD and search with category

• Host: GitHub
• URL: https://github.com/pintu544/blog-app-frontend-react
• Owner: pintu544
• Created: 2024-01-28T13:40:39.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-28T14:04:02.000Z (12 months ago)
• Last Synced: 2024-04-13T23:09:55.163Z (9 months ago)
• Topics: bootstrap, reactjs, tostify, yup-validation
• Language: JavaScript
• Homepage: https://my-blog-app-testing.netlify.app/
• Size: 255 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Blog App

### Frontend (React)

#### Authentication Flow:

1. **Sign up Page:**

   - Create a signup page with form validation using React state and controlled components.

   - Implement proper input validation logic.

2. **Login Page:**

   - Develop a login page with form validation and handle user authentication using JWT tokens.

   - Store authentication tokens in local storage or cookies for maintaining user sessions.

#### Protected Routes:

- Make blogs and the profile page private by implementing protected routes.

#### Blog Listing Page:

1. **Display Blogs:**

   - Implement a page to fetch and display all blogs from the backend using API calls.

2. **Filter Options:**

   - Provide filter options for categorizing blogs by category using dropdowns or tags.

#### Blog Detail Page:

- Create a page to display the full content of a single blog when clicked on from the blog listing page.

#### Profile Page:

1. **Profile Overview:**

   - Implement a profile page where writers can see all their blogs.

2. **CRUD Operations:**

   - Provide functionality to perform CRUD operations on blogs (create, read, update, delete).

#### Search Functionality:

- Add a search bar to search for blogs based on keywords.

### Submission

1. **GitHub Link:**

   [A link to the GitHub repository.](https://github.com/pintu544/Blog-App-Frontend-React)

2. **Deployed App Link:**

   https://my-blog-app-testing.netlify.app/

3. **Video Presentation:**

   [A video showcasing the functionalities of the app.](https://drive.google.com/file/d/14H1A4DZlqEIxf62uYrm-HbF00PL5PA5p/view?usp=drivesdk)https://drive.google.com/file/d/14H1A4DZlqEIxf62uYrm-HbF00PL5PA5p/view?usp=drivesdk