• Stars
    star
    164
  • Rank 230,032 (Top 5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 9 years ago
  • Updated about 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Blog using Nodejs, Expressjs, Angularjs and Mongodb. MEAN Javascript Fullstack application

Mean Blog

Blog using Nodejs, Expressjs, Angularjs and Mongodb. MEAN Javascript Fullstack application

Features

  • Create/Edit/Delete Article
  • Passport Authentication for Administration
  • Bcrypt Password Hash
  • Angular ui router
  • textAngular Text-Editor
  • Sass

Server Side Dependencies

"bcrypt": "^0.8.4",
"body-parser": "^1.13.2",
"connect-flash": "^0.1.1",
"cookie-parser": "^1.3.5",
"ejs": "^2.3.3",
"express": "^4.13.1",
"express-session": "^1.11.3",
"mongoose": "^4.1.0",
"morgan": "^1.6.1",
"passport": "^0.2.2",
"passport-local": "^1.0.0"

Client Side Dependencies

"textAngular": "~1.4.2",
"bootstrap": "~3.3.5",
"angular": "1.4.3",
"angular-ui-router": "~0.2.15"

Getting Started

Clone Repo

git clone https://github.com/DimiMikadze/Mean-Blog.git

Npm install dependencies

cd server & npm install

Create config.js file in config folder

module.exports = {
    'secret': 'SomeSecretString',
    'database': 'mongodb://localhost/yourdatabasename'
};

Start Mongodb

mongod

Start Server

cd server & node app.js

Create Admin User

uncomment testUser route in app.js

app.use("/", require("./routes"));
app.use("/admin", require("./routes/admin"));
// app.use("/test", require("./routes/testUser"));

Navigate to

/test/create-user/your-name/your-password

this will create admin user with your name and hashed password

User Admin

Navigate to

/login

Insert your newly created name and password

Change Styles

Css is written with Sass, you can update scss files with running

cd client/public & sass --watch scss:css

or if you don't want to use Sass just update

client/public/css/app.css

Grunt Packages

grunt-contrib-concat
grunt-contrib-watch

Start Grunt

Grant will concatenate admin script and css files and watch for changes

cd client
grunt

output will look like this

Running "concat:js" (concat) task
File app/scripts.js created.

Running "concat:css" (concat) task
File public/css/admin/bundle.css created.

Running "watch" task
Waiting...

Contributing

contributions are more than welcome!

License

See license.txt

More Repositories

1

orca

Build modern community apps with React and Node.
TypeScript
1,220
star
2

create-react-library

React NPM library starter kit based on Facebook's create react app
JavaScript
602
star
3

laravel-angular-cms

CMS built on Laravel, AngularJS and Material Design
JavaScript
269
star
4

fest

SaaS boilerplate built with Node.js & React.
TypeScript
208
star
5

express-react-redux-starter

Starter for Express, React, Redux, SCSS applications
JavaScript
198
star
6

node-redux-auth

Token authentication system using Node, Mongo, React, Redux
JavaScript
181
star
7

firebase-react-native-redux-starter

Starter For Firebase, React Native, Redux Applications With 100% Of Code In Common Between IOS And Android, with built In Authentication, Crud Example And Form Validation.
JavaScript
169
star
8

react-native-game

IOS and Android mobile app "Guess famous people" built with React Native
JavaScript
132
star
9

lumen-angular-todo

Laravel lumen and AngularJS Todo Application
CSS
42
star
10

vanilla-slideshow

Vanilla Javascript CSS3 Responsive Fullscreen Slideshow
JavaScript
41
star
11

vanilla-helpers

Vanilla Javascript Helper Functions, Ajax, Effects, DOM manipulation, Styles, Utilities
JavaScript
34
star
12

es6-node-starter

ES6/7 Node starter kit with built in Rest API authentication
JavaScript
27
star
13

focused

A Google Chrome extension that will improve your focus and increase productivity by blocking distracting websites while working or studying.
TypeScript
26
star
14

react-under-construction

An easily customisable, responsive under construction react page component
JavaScript
24
star
15

sass-useful-mixins

Sass useful mixins Media Queries, Font-size, Transition, Opacity, Background image, Font face, place holder, vertical align
CSS
8
star
16

es6-simple-starterkit

Simple to understand and use ES6 Starter Kit
JavaScript
8
star
17

isomorphic-react-webapp

Shared JavaScript Web Application that runs on both the client & server using React and Node/Express.
CSS
7
star
18

orca-docs

Orca documentation website.
JavaScript
2
star
19

resume

1
star
20

eleven-symbols-website

CSS
1
star
21

create-social-network-old

Open-source software for building social networks.
JavaScript
1
star