https://github.com/shahalam22/blog-webapp
This is an blogging webapp. This is a full fledge webapp for developer blogging. User can create account, do CRUD on their blog, post blogs and read blogs published by other developers. Credit goes to Safak from Lama Dev
https://github.com/shahalam22/blog-webapp
firebase mongodb next-auth nextjs prisma react-quill reactjs tailwindcss
Last synced: 3 months ago
JSON representation
This is an blogging webapp. This is a full fledge webapp for developer blogging. User can create account, do CRUD on their blog, post blogs and read blogs published by other developers. Credit goes to Safak from Lama Dev
- Host: GitHub
- URL: https://github.com/shahalam22/blog-webapp
- Owner: shahalam22
- Created: 2024-05-27T07:57:41.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-19T05:22:13.000Z (about 1 year ago)
- Last Synced: 2025-06-18T02:04:30.635Z (about 1 year ago)
- Topics: firebase, mongodb, next-auth, nextjs, prisma, react-quill, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 2.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blog Web Application
This is a full-fledged blogging web application built with Next.js, allowing developers to create accounts, manage their blog posts with CRUD operations, post new blogs, and read blogs from other users. Inspired by Safak from Lama Dev, this project provides a user-friendly platform for developers to showcase their thoughts and ideas.
## Table of Contents
- [Description](#description)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Running the Application](#running-the-application)
- [Deployment](#deployment)
- [Contributing](#contributing)
- [Credits](#credits)
## Description
This web application is designed to help developers create and manage their own blogs. Users can:
- Create an account to get started.
- Perform CRUD (Create, Read, Update, Delete) operations on their blog posts.
- Post new blogs to share their ideas.
- Read and explore blogs posted by other users.
The application is built using modern web technologies and is optimized for a seamless user experience. It is inspired by Safak from Lama Dev, a well-known web development educator.
## Features
- **User Authentication**: Sign up, log in, and log out functionality for secure access.
- **Blog Management**: Create, read, update, and delete blog posts.
- **Posting Blogs**: Easily publish new blog posts.
- **Reading Blogs**: Browse and read blogs posted by other users.
- **Responsive Design**: Optimized for both desktop and mobile devices.
## Technologies Used
| Technology | Purpose |
|------------|---------|
| Next.js | A React framework for building server-rendered applications |
| React | Frontend library for creating interactive user interfaces |
| Node.js | Runtime environment for the application |
| next/font | Font optimization (e.g., Inter font) |
| Database | PostgreSQL with Prisma ORM for storing user data and blog posts |
| Authentication | JWT for user authentication) |
*Note: The exact list of technologies may vary; please refer to the project's codebase for details.*
## Installation
To set up the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/shahalam22/blog-webapp.git
```
2. Navigate to the project directory:
```bash
cd blog-webapp
```
3. Install dependencies:
```bash
npm install
```
or
```bash
yarn install
```
## Running the Application
1. Start the development server:
```bash
npm run dev
```
or
```bash
yarn dev
```
2. Open your browser and go to [http://localhost:3000](http://localhost:3000).
## Deployment
This project is optimized for deployment on Vercel, a platform tailored for Next.js applications. To deploy:
1. Visit [Vercel](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme).
2. Connect your GitHub account and select this repository.
3. Follow the deployment instructions.
For other deployment platforms, refer to the [Next.js deployment documentation](https://nextjs.org/docs/deployment).
## Contributing
Contributions are welcome! To contribute:
1. Fork the repository.
2. Make your changes.
3. Submit a pull request.
Please follow best practices for coding and documentation when contributing.
## Credits
This project was inspired by Safak from Lama Dev. Check out his work at [Lama Dev](https://blog.lama.dev/).