Skip to content

jeevan42/post-it-blog-app-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✨ Post-It Blog App - Frontend

This is the frontend Repo for the Post-It Blog App, built with React.js. Users can register, log in, and perform full CRUD operations on blog posts. It uses JWT for authentication and Axios for API communication.

🌐 Live Demo

πŸ‘‰ Netlify App

πŸ› οΈ Tech Stack

  • React.js (with Hooks)
  • React Router DOM
  • Axios for API requests
  • JWT for user sessions
  • Tailwind CSS / Basic CSS for styling

πŸ“¦ Features

  • πŸ” User Registration & Login (JWT-based)
  • 🏠 View all blog posts
  • πŸ“ Create blog post (only for logged-in users)
  • ✏️ Edit and delete posts (only if you're the author)
  • πŸ“„ View full post details on a single post page
  • πŸ”’ Protected routes based on login state
  • 🎨 Simple and responsive UI (Tailwind or plain CSS)

πŸ§ͺ Tools & Libraries

  • react-router-dom
  • axios
  • jwt-decode (optional)
  • tailwindcss / bootstrap (optional for UI)

πŸ—‚οΈ Folder Structure

src/
β”œβ”€β”€ components/            # Reusable component files (Header, pages)
β”‚   β”œβ”€β”€ CreatePost.jsx
β”‚   β”œβ”€β”€ EditPost.jsx
β”‚   β”œβ”€β”€ Header.jsx
β”‚   β”œβ”€β”€ Home.jsx
β”‚   β”œβ”€β”€ Login.jsx
β”‚   β”œβ”€β”€ Register.jsx
β”‚   └── SinglePost.jsx
β”œβ”€β”€ App.js                 # Main app routing and layout
β”œβ”€β”€ App.css                # Global CSS
β”œβ”€β”€ api.js                 # Axios configuration and API baseURL
β”œβ”€β”€ toastNotification.js   # Toast wrapper for notifications
β”œβ”€β”€ index.js               # React DOM rendering entry
β”œβ”€β”€ .env.example           # Sample environment variables

πŸ“ Setup Instructions

git clone https://github.com/jeevan42/post-it-blog-app-frontend
cd post-it-blog-app-frontend
npm install
npm start

🀝 Contributing

Pull requests are welcome. For any major changes, please open an issue first.

About

πŸš€ Frontend Repo for a MERN-based blog app where users can register, log in, and create, read, update, and delete blog posts. Built with React, Axios, JWT, and Tailwind CSS.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors