Code Monkey home page Code Monkey logo

el-tutor's Introduction

el tutor

MongoDB, Expressjs, React/Redux, Nodejs

GitHub license npm version

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

el-tutor's People

Contributors

georgesimos avatar dependabot[bot] avatar

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.