Overview Welcome to the Blog Web Application! This is a full-stack, fully responsive web application designed to provide users with a seamless and engaging blogging experience. Users can register, create profiles, write blog posts, upload images, comment on others' posts, and edit their own posts. The application boasts a modern UI/UX design implemented using Tailwind CSS.
Features Authentication: Secure user registration and login. User Profiles: Individual profile pages for users. Home Page: Display of all users' posts with the ability to comment on them. Post Creation: Users can write blog posts and upload images. Post Editing: Option to edit existing posts and their image contents. Responsive Design: The application is fully responsive and optimized for all devices.
Technologies Used
-
Frontend HTML5 CSS (Tailwind CSS) JavaScript ReactJS React Libraries: react-router-dom, react-icons, and others
-
Backend Node.js Express.js MongoDB
==> |) Installation
- Clone the repository:
git clone https://github.com/yourusername/your-repo.git
- Navigate to the project directory:
cd your-repo
- Install frontend dependencies:
cd frontend npm install
4)Install backend dependencies:
cd ../backend npm install
==> ||) Usage
- Running the application
Start the backend server:
cd backend npm start
- Start the frontend server:
cd ../frontend npm start
- Access the application: Open your browser and navigate to http://localhost:3000
Directory Structure java Copy code your-repo/ ├── .git/ ├── backend/ │ ├── images/ │ ├── models/ │ ├── node_modules/ │ ├── routes/ │ ├── .env │ ├── index.js │ ├── package-lock.json │ ├── package.json │ └── verifyToken.js ├── frontend/ │ ├── node_modules/ │ ├── public/ │ ├── src/ │ ├── .gitignore │ ├── package-lock.json │ ├── package.json │ ├── README.md │ ├── setupProxy.js │ └── tailwind.config.js
Contributing 1)Fork the repository. 2) Create a new branch (git checkout -b feature-branch). 3) Make your changes. 4) Commit your changes (git commit -m 'Add some feature'). 5) Push to the branch (git push origin feature-branch). 6) Open a pull request.
License This project is licensed under the MIT License
Contact For any inquiries or feedback, please contact [email protected].
Thank you for using the Blog Web Application! I hope you enjoy your experience.