Light

himakhaitan / thechaotic Goto Github PK

View Code? Open in Web Editor NEW

8.0 2.0 3.0 12.3 MB

The Chaotic is a Personal Blog Website 💻 made using MERN Stack. The theme of the website is set to aesthetic as well as inspiring🌱. To be more precise, the website is set to target Youth Audience as a whole. 🧲

License: MIT License

CSS 24.72% HTML 22.35% JavaScript 52.79% Shell 0.13%

personal-blog blogging-site blogging-platform mern mongodb reactjs nodejs expressjs monolith express

thechaotic's Introduction

The Chaotic - Blog Website

A Personal Blog Website Setup using MERN Stack.

Description • Screenshot • Installation and Setup • License • Contribution

Description

Personl Blogging Portal The Chatic has an aesthic UI (Visit here to get a short glimse) and is available with all the modern day features such as mentioned below.

The Chaotic is a Blog Website with Frontend made of ReactJS and a Monolithic Backend made of NodeJS. On the Frontent Redux has been used to manage App wide State. Routing on server side has been done through ExpressJS and React-Router has been used on the Frontend.

Features

Author Page
Category Wise Fetching
Category Page
Popular Articles
Like a Blog
Comment Anonymously
Store Images in WebP, Png, Jpeg, Jpg
Tags
Tags Wise Fetching
Newsletters
Contact Page
404 Page
Admin Panel
Admin Login using Email & Password

Features I Plan to Add

Google OAuth Login For the Admin
Github OAuth Login For the Admin
Archives
Small Screen Devices Compatibility

Screenshot

Below are some of the screenshots from The Chaotic

Home Page

Contact Page

Category Pages

About Pages

Login Page

Dashboard

404 Page

Installation and Setup

License

This project uses an MIT license.

Contribution

thechaotic's People

Stargazers

Watchers

Forkers

engr-solution manvendra132 ahanabasu

thechaotic's Issues

Blog Page shows Only One Blog

/blog/:id shows same blog data for every id

Route to fetch Blogs through Dates for Archives

Title Image is Rendered in Place of Author Image

At LayoutB.jsx props.data.author.profilePhoto.data.data should be passed to the function toBase64String()

Better UI for Dashboard Horizontal Scroll Bar

The Scroll Bar currently has a default UI. Can be adjusted to Modern Scroll bar which suits the UI best.

Problem with GET /blog/:sort/:limit

sorts on the basis of published for every value of sort.

Dashboard UX

Dashboard UI doesn't show any Spinner or Loading message when data is created.

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.