Skip to content

Ritesh134340/blogify

Repository files navigation

Blogify Application Using Next Js

Welcome to Blogify.today ! Blogify is a web application which provides user different tech related blogs, where they can read and learn different technologies.

We have used Next js as a framework for this web application. For backend we have used inbuilt server of next js with mongodb database.

Admin Credential :

password: admin@blogify

Deployed Link :

https://blogify.today

Features :-

AS USER :

  • User can search for blogs typing the title realated to the blog.

-User will get the suggestion on start typing in the search input box.

  • User can choose different background color for comfortable reading.

  • From different results user can choose and read blogs.

  • User can see all available blogs.

AS ADMIN :

  • Only admin can create new blogs.

  • To create new blog admin should be logged in first.

  • Admin can use his email and password or his google accound to login.

  • After successfully logged in admin can create new blog and post it.

Tech Stack

Deployment

  • Vercel
  • Domain (GoDaddy)

Client:

  • Next-Js
  • Toastify
  • React-Icons
  • Tailwind CSS
  • Axios

Server:

  • Next Auth Js
  • Next Server
  • Mongodb
  • Jsonwebtoken
  • Bcrypt
  • Mongoose

Screenshots

Home Page

Screenshot (791)

Admin Login

Screenshot (792)

Create Blog

Screenshot (793)

Responsive :

Screenshot (794)

Screenshot (795)

Run Locally :-

Clone the project using command

git clone https://github.com/Ritesh134340/blogify.git

Go to the project directory

cd blogify

Install dependencies

npm install

Start server :

npm run dev

🔗 Links

portfolio linkedin