Giter VIP home page Giter VIP logo

mentor's Introduction

mentor

So there are two folders client and server. The Frontend code will be in client and Backend code in server. The docs folder is for the Frontend Design, we had used the Adobe XD for that.

The Frontend client is bootstrapped with Create React App

Getting Started

Please have these installed on your machine:

  • Node.js 12+

If you are working in Yarn then:

  • Yarn v1

We are using two seperate folders for Frontend and Backend so you have to run both the folders separetaly on your local-machine:

Install dependencies inside of both folders by using:

npm install || yarn

Start the client by going inside the client folder:

npm start || yarn start

Similar with server folder also

Runs the app in the development mode. Open http://localhost:3000 to view it in browser.

Details for Mentor

Mentor is an Education platform, in this project we will try to implement the basic functions of videocall and chat platform. We will also implement the designing part and try to create a wonderfull UI/UX designs. There are always many things to learn from a project. Our project helps you to grow overall in the field of Full-stack Development. As we all know their is always demand of Full-stack Developer in this recent time as we all are working remotely and we are connected with all this different technologies, which we are using for building this website. In this website we will try to teach you every things which are possible by us and guide you to become a Full-stack developer. We will also try some cool technologies for animating our website.

  • Apart from this we will implement the cloud computing and also guide you in the direction of cloud computing.

  • If you want to know what we will be doing in this website please read below. ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡

Why to contibute in mentor ?

  • You will learn the MERN technologies, if you don't know MERN stands for MangoDB, Express JS, React JS, Node JS.:boom::boom:
  • We will work on the new React concept the React-hooks and React Context-API.
  • Step by Step we will build the complicated parts. We will implement the Video calling๐Ÿ’ป functionality like Zoom or Google meet, we will implement the Chat๐Ÿ’ฌ functionality like Slack or WhatsApp.
  • We will animate the frontend using librarys like Three Js or Anime Js.
  • We will implements different Css preprocessors like Sass and also libraries like Bootstrap, Material UI
  • If possible we will use the state management library like Redux.
  • If time permits we will also work on Mobile development using the React-Native which is trending right now.
  • We will try to use the webpack and babel for the build of our website and teach to deploy the website on Heroku and Netlify.

What you will learn ?

  • You will learn all the new technologies, which are currently high in demand in market.
  • You will learn from basics to advance all this different technologies.
  • You will learn the backend in Node js, and Express js. You will learn to manage the cloud database using MongoDB Atlas.
  • You will learn the differnet type of Css preprocessor and libraries.
  • You will also learn to how to make frontend more attractive and we will also create a demo frontend in draw.io and implement it in the web application
  • You will learn to deploy the webistes on heroku and netlify.
  • At last, not-the-least you will learn Redux and React-Native.

Technology Stack

Tech List ๐Ÿ“˜๐Ÿ““ Tech List ๐Ÿ“˜๐Ÿ““
React Node
Express MongoDB
Three Js Anime Js
Sass Material UI
Bootstrap MongoDB Atlas
Mongoose FlexBox
Redux Heroku
Netlify Firbase
Webpack Babel

mentor's People

Contributors

abhishekkalavadiya avatar tikam02 avatar

Watchers

James Cloos 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.