gdsc-jssstu / classroom

Web development project for open source beginners

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Classroom Status App πŸ›οΈπŸ§‘β€πŸŽ“πŸ‘©β€πŸŽ“

Project Structure

An app to check which class is empty and which one is occupied. Initial input is based on the timetable but the status of whether the classroom is occupied or not can be updated by teachers who login to it.


Tech stack used:

The tech stack used here is,

  • Node and express JS

  • MySQL (as database)

  • Handlebars(Templating Language)

  • CSS


Before contributing look into CONTRIBUTING GUIDELINES


Use this as a template for Pull Requests

Pull Request Template

Use these as templates for Issues Lists

Issueslist_bug

Issueslist_docs

Issueslist_featurerequest


Prerequisites

MySQL installed on your system, if not follow this Link for mac and this Link for windows

Nodejs installed on your system, if not follow this Link


Project setup instructions:

  • From transaction.sql in db folder copy everything and paste into new file in MySQL workbench for execution of all queries in this way initial db with tables and values will be set
  • In .env file update your username and password
  • Now open terminal in current folder [project folder] and enter command npm install to install all necessary node modules
  • After installation run npm app.js or nodemon app.js to start the server, there will be a log in console immediately after starting of server
  • In browser enter URL http://localhost:8000/ and after this there will be another log saying that "Connected to database with connection ID: "
  • This completes setup for this project

Troubleshoot

If you encounter this type of error β€œER_NOT_SUPPORTED_AUTH_MODE Client does not support authentication protocol requested by server error”, you can follow this trouble shoot technique Click me

If there are any other issues feel free to ask in our Community Discord Server


Resources

  • Look into the CRUD operations in this video, code in the repository is careful modification of the code that is taught in this video.
  • Walkthrough video of connecting express server to MySQL.
  • Authentication reference video.

Final version of the project

Click here for the UI design and prototype of the project.

classroom1

classroom2O

classroom2

classroom3


Intended final project:

A Classroom status web app which provides staff authentication and updating the current status of the classrooms through the separate portal accessible only for the staffs.

About

Web development project for open source beginners


Languages

Language:JavaScript 43.5%Language:Handlebars 36.2%Language:CSS 19.6%Language:Shell 0.7%