/SMIT-s-Nest

Web Blogging Application

Primary LanguageJavaScriptMIT LicenseMIT

Welcome ๐Ÿ™ to

Screenshot 2022-02-13 at 1 11 38 PM

A blogging web application for all SMITians:)

Preview ๐Ÿ‘€

Screen.Recording.2022-02-13.at.12.14.14.PM.mov

Demo ๐Ÿ•น๏ธ

Try Demo version here ๐Ÿ‘‰ SMIT's Nest๐ŸŽ“

Bulit ๐Ÿ› ๏ธ Using

Screenshot 2022-02-13 at 1 15 57 PM Screenshot 2022-02-13 at 1 16 17 PM Screenshot 2022-02-13 at 1 16 42 PM Screenshot 2022-02-13 at 1 17 06 PM Screenshot 2022-02-13 at 1 17 41 PM

Working ๐Ÿ’ก

โ€ข The project is built entirely on React.js and supports Pre-Rendering with Static-Site-Generation which has been implemented using Next.js. The modern UI has been designed with the help of Tailwind CSS.

โ€ข Most of our work will is established using GraphCMS and GraphQL respectively. GraphQL is a query language using which we can create schemas, and models and retrieve data by firing graphql queries. GraphCMS on the other hand is a Content Management System (CMS) using which the users can post content on the site. All the posts and comments are moderated based on administrator permission.

Features ๐ŸŽ‰

๐ŸŸก Featured, related and recent posts.
๐ŸŸก Categories section.
๐ŸŸก Full markdown articles.
๐ŸŸก Author information.
๐ŸŸก Moderated user comments.
๐ŸŸก Mobile responsive.

Setting up the enviornment ๐Ÿš€

(1) Clone this repository
https://github.com/REEKRAJROY/SMIT-s-Nest.git

(2) Change the working directory
cd project_graphql_blog-main

(3) Install dependencies
npm install

(4) Run the web application
npm run dev

The application will start at http://localhost:3000/.

Frameworks and dependencies used ๐Ÿงฎ

npx create-next-app -e with-tailwindcss ./
npm install graphql graphql-request html-react-parser moment react-multi-carousel sass