Giter Site home page Giter Site logo

meet59patel / schooler Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 7.0 2.96 MB

Schooler - Academics Manager

Home Page: https://schooler.vercel.app/

License: MIT License

HTML 0.42% CSS 51.07% JavaScript 28.16% SCSS 20.35%
hacktoberfest javascript mern mongodb nodejs reactjs

schooler's Introduction

Hi there! ๐Ÿ‘‹๐Ÿป

๐Ÿ“ซ How to reach me:

๐Ÿ”ง Tools & Technologies

Bash Docker GitHub Actions AWS Google Cloud Platform Ansible Python Vagrant Jenkins React NodeJS Webpack Heroku Firebase Grafana redux PostgreSQL MongoDB GraphQL Sass Django git npm html5 Bootstrap

๐Ÿ“ˆ GitHub Stats

Meet's Github Stats

schooler's People

Contributors

aniruddhmuley2001 avatar dependabot[bot] avatar helloshantanu avatar hemangnakarani avatar manan2501 avatar meet59patel avatar priyanshk20 avatar rachittshah avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

schooler's Issues

Update Menu (Sidebar)

These NavLinks should be there

  • Dashboard
  • Time table (Here goes Calendar as well)
  • Schedule
  • Attendance
  • Assignments
  • Storage
  • Grades
  • Reminders
  • Quick Notes

In place of these links:
image

Remove Registration links

  • On login screen: remove Register button on top right
  • In dashboard sidebar remove Register link
  • Remove Register code/components from everywhere in code

[Attendance] Attendance page

  • This component will used inside Attendance page

image

  • Make new page component inside schooler/src/views/examples/ directory, Named Attendance.js
  • Have a dummy object variable that holds attendance data
  • Inside this, you'll make a Course attendance card component that will be used to form a grid
  • This component should contain info like Total days, Attended days, percentage according to that, course name, instructor name
  • This Attendance page will have different cards for different courses that show above listed information
  • These cards would be in a grid, just for an idea of structure a screenshot is attached:

image

[Dashboard] Calendar component

  • Replace this card to have a calendar:

image

  • This will be a Daily view - which shows today's labs and lectures
  • Each list item to have check-boxes so that attendance for that day can be marked for that subject
  • Column names: Subject name, professor name, timing, checkbox of attendance
  • You're required to make a React component for this task

[Top Navbar] Change the user name dynamically

  • Get the value of Name and User's profile picture URL from Google Authentication response
  • Set the name and image here: (accessible from AdminNavbar.js)

image

  • Need to use React Context to implement this
  • Look for UserProvider inside src/context/UserContext.js
  • Set a new name attribute and profileImage that stores image URL

[Courses] Make courses list component

  • Make new component inside schooler/src/views/examples/ directory, Named Courses.js
  • Have a dummy course object inside the component which contains details of that course
  • For reference, do check out other components available inside the same folder
  • Use object schema available here to know which values you need to store in the course object: https://github.com/meet59patel/schooler-server/blob/master/Models/Course.js
  • Make a new link inside the left navigation bar named Courses that lists all the courses using this component
  • Have basic CSS for now

[Refactor] Pages folder rename

  • Change this folder name examples to Pages, We're refering to this folder path: schooler/src/views/examples/
  • Change all the import paths throughout the repository wherever these components are imported
  • The app should work just like before - it's just a refactor

[Dashboard] Show online friends list

  • Change this card to incorporate this change

image

  • This card should a show currently online friends list with a green dot on side
  • You're required to make a React component for this task

Update dashboard small cards at top

Think and discuss about this before finalizing titles to these fields

  • Keep the predefined cards structure but it'll have information like "No assignments due", "No Submissions due" etc.

  • These cards are being referred here:

image

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.