el tutor

MongoDB, Expressjs, React/Redux, Nodejs

el tutor is an online web app that allows teachers and students to keep track of student's grades. Built with MERN Stack

• Admin Dashboard
• Dark Theme UI

MERN is a fullstack implementation in MongoDB, Expressjs, React/Redux, Nodejs.

MERN stack is the idea of using Javascript/Node for fullstack web development.

Features!

• Add / Update / Delete User
• Add / Update / Delete Lesson
• Add / Update / Delete Grades

Tech

• MongoDB - A document-oriented, No-SQL database used to store the application data.
• ExpressJS - fast node.js network app framework.
• ReactJS - A JavaScript library for building user interfaces.
• Redux - A predictable state container for JavaScript apps.
• nodeJS - A JavaScript runtime built on Chrome's V8 JavaScript engine

Installation

Requires Node.js to run.

Install the dependencies and devDependencies

$ git clone https://github.com/georgesimos/el-tutor.git
$ npm install
$ npm run install-client // Installing react app dependencies

Start the server.

$ npm install
$ npm start or npm run dev // Starting the server

Start the client.

$ cd client
$ npm install
$ npm start

or

Start server and client without to change folders.

$ npm start or npm run dev // Starting the server
$ npm run start-client

Database seeding

Database seeding is the initial seeding of a database with data.

$ node seed.js

seed.js will auto generate some dummy users, lessons and grades. For Users creation faker npm package have been used!

Postman

Postman is a collaboration platform for API development. Postman's features simplify each step of building an API and streamline collaboration so you can create better APIs—faster.

Postman Documentation (must read)

el tutor API documentation : https://documenter.getpostman.com/view/2939944/SWLfaSM4

Plugins

Server

Plugin	README
bcryptjs	plugins/bcryptjs/README.md
express	plugins/express/README.md
jsonwebtoken	plugins/jsonwebtoken/README.md
mongoose	plugins/mongoose/README.md
nodemon	plugins/nodemon/README.md

Client

Plugin	README
material-ui	plugins/material-ui/README.md
moment	plugins/moment/README.md
react	plugins/react/README.md
react-redux	plugins/react-redux/README.md
react-router-dom	plugins/react-router/README.md
react-slick	plugins/react-slick/README.md
redux	plugins/redux/README.md

Screenshots!

Login Page

More Screenshots

Register Page

Account Page

Lessons Page

Add Lesson

Grades Page

Users Page

License

MIT