Git Product home page Git Product logo

next-blog-app's Introduction

License: MIT GitHub repo size

What is Next-Blog-App?

Next-Blog-App is the Open Source codebase for the web app code-hostel. A platform where admin can publish blogs and can also show their work on the platform, showcase their content in order to accelerate their career.

Tech Stack

Next-Blog-App was built using the following technologies:

  • Next.js - a framework for building server-rendered React applications
  • MongoDB - a NoSQL database
  • Tailwind CSS - a utility-first CSS framework

Prerequisites

Before contributing or adding a new feature, please make sure you have already installed the following tools:

Commands

You can set this up locally with the following steps:

  1. MongoDB is required
  2. npm ci
  3. npm run dev

๐Ÿ›ก๏ธ License

Next-Blog-App is licensed under the MIT License - see the LICENSE file for details.

๐Ÿงฐ Contributing

  • Contributions make the open source community an amazing place to learn, inspire, and create.
  • Any contributions you make are truly appreciated.
  • Let's continue contributing to keep the community active and growing.

๐Ÿ™ Support

Don't forget to leave a star โญ๏ธ

next-blog-app's People

Contributors

alokverma749 avatar mda1422 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

mda1422

next-blog-app's Issues

create a page layout for project page

create a beautiful layout for the projects page

Include:

  • projects section with project cards.
  • testimonials
  • categories for projects
    *UI ONLY MERN NEXT VANILLA are categories we can add
  • Link to contact form

make a good layout for blogs

when clicking on any blog card a temporary layout is opening, it needs a change

image

we are using this layout currently

make cards for admin specific

http://localhost:3000/admin opens an admin dashboard on blogs section cards should be come with embedded Delete and Edit button
image

separate all sections as components

Purpose:

to clean up index.js file

In index.js all sections are loaded, we need:

  • to create homepage folder in components folder
  • create separate components for all section

make card text fixed

In blog section limit the text in card

Screenshot of the card

image

  • These line should be limited to 5 lines

create a page for editor

when clicking on create blogs from admin pannel a editor should open, embed a good editor with decent functionalities

Create services page

We are currently in need of a services page for our website. We open to all suggestions.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.