Student Internal Portal

[omrajsharma]

We need to build a student portal.

We can have (more ideas are more welcome)

• Profile page
• Problem solving section
• Free resources
• Class recording
• [more items you suggest in the comment]

This task is a big task and will be having multiple components.

This task will help you in learning

• how to build big features
• writing scalable code
• how to write industry standard code
• Highlight of your resume
• You might get hired as instructor or software engineer at bigohhh.com

Please show your interest in the comment below and let's start learning and building great products

[Vaibhaav-Tiwari]

@omrajsharma I would like to work on this topic and would also like to connect to you for further discuss for developing the portal!

[Artuiro-23]

I'm keen to work on this project and come up with the results you expect. Kindly assign me the project. Thankyou.

[mukulpythondev]

@omrajsharma I am happy to contribute this project having hands on experience by creating such projects.

[SamarupBhattacharya]

I would like to throw my hat in the ring for this as well, pls assign this to me

[akjain1509]

Hi @omrajsaharma , I am interested in this and also contributed in ggsoc too. i know the free services to connect with the user and will benefit the core project we can together build a good product in this we can add features like chat systemm amongst students and adaptive learning and test series

[harsh-haria]

Hey @omrajsharma, I have 1.5 years of industry experience and currently working with an Ed-Tech startup. I will be able to get this feature done. Can you please assign this issue to me? We can hop on a call to discuss all the in's and out's you want for this feature. One feature i think is a must have is a chat-gpt like LLM(could be done with APIs as well) which could help students to solve their queries.

[Adiaparmar]

hi i want to work on the student portal with you. How should we proceed

[KunalLorex]

Hii @everyone shall you all make a thread over here for the functionalities or ideas you already thought of .... Also make sure to give a small description regarding this

Shall you all dictate the purpose of those ideas too

[Sujal7ss]

hey @omrajsharma take a look at my idea below

Proposed Components:

1. Profile Page:

   • Features: User profiles with personal information, academic details, progress tracking, and customization options.
   • Front-end: Create forms and profile display sections.
   • Back-end: Develop APIs for profile management (create, read, update, delete).

2. Problem Solving Section:

   Features: A platform for students to practice coding or subject-related problems, submit solutions, and get feedback.

   • Front-end: Build interfaces for problem listings, submission forms, and feedback display.
   • Back-end: Implement problem storage, submission handling, and feedback mechanisms.

3. Free Resources:

   Features: Access to study materials, tutorials, e-books, and other educational resources.

   • Front-end: Design resource browsing and search functionalities.
   • Back-end: Manage resource uploads, categorization, and retrieval.

4. Class Recording:

   Features: A repository of recorded lectures, webinars, and workshops that students can access anytime.

   • Front-end: Create a video library interface with search and filter options.
   • Back-end: Handle video storage, streaming, and metadata management.

Additional Components:

1 .### Discussion Forums: Features: A place for students to discuss topics, ask questions, and collaborate on projects.

• Front-end: Develop threads and reply interfaces.
• Back-end: Implement forum management, post handling, and moderation.

2. Assignment Submission and Grading:

   Features: A system for students to submit assignments and receive grades and feedback.

   • Front-end: Build submission forms and grading display sections.
   • Back-end: Manage submission storage, grading logic, and feedback delivery.

3. Event Calendar:

   Features: A calendar for scheduling and tracking academic events, deadlines, and reminders.

   • Front-end: Design a calendar interface with event creation and viewing.
   • Back-end: Handle event data storage, reminders, and notifications.

4. Mentorship Program:

   Features: Pairing students with mentors for guidance and support.

   • Front-end: Create mentor-mentee matching and communication interfaces.
   • Back-end: Implement matching algorithms and communication tools.

[Sujal7ss]

@omrajsharma Please devide it into multiple tasks and assign this issue to me under GSSOC label. Thanks & Regards

[abhiperfect]

Steps to Create the Frontend Part of the Student Portal

1. Set Up the Project

• Initialize the Project:
  • Use a modern frontend framework such as React, Vue, or Angular.
  • Set up the project using the chosen framework’s CLI tools.
  • Set up version control with Git and create a repository on GitHub or another platform.

2. Create Basic Structure

• Organize the Project:
  • Establish a folder structure to keep the code organized, with directories for components, pages, assets, services, and styles.

3. Develop Components

• Profile Page Component:

  • Create a component for displaying and editing user profiles.

• Problem Solving Section:

  • Develop a component for listing problems, submitting solutions, and providing feedback.

• Free Resources:

  • Create a component to list and categorize free educational materials.

• Class Recordings:

  • Implement a component to display and play recorded class sessions.

4. Additional Features

• Discussion Forums:

  • Add a component for discussion forums where students can ask questions and engage in discussions.

• Assignment Submission:

  • Create a component for students to submit assignments and view their grades.

5. Routing

• Set Up Navigation:
  • Implement routing to navigate between different pages using a routing library like React Router or Vue Router.

6. Styling

• Apply Styles:
  • Use CSS, SCSS, or styled-components to ensure a clean and responsive design for the portal.

7. Collaboration

• Project Management:
  • Use project management tools like Trello or Jira to assign tasks and track progress.
  • Conduct regular code reviews and provide feedback through pull requests.

8. Testing

• Ensure Quality:
  • Write unit and integration tests to ensure the components work as expected.
  • Use testing libraries such as Jest and React Testing Library.

9. Deployment

• Launch the Portal:
  • Set up a continuous integration and continuous deployment (CI/CD) pipeline.
  • Deploy the application to a cloud service provider such as AWS, Azure, or Heroku.

[abhiperfect]

Steps to Create the Backend Part of the Student Portal

1. Choose the Technology Stack

• Select Framework and Language:
  • Choose a backend framework such as Node.js with Express, Django, or Flask with Python, or Spring Boot with Java.
• Database:
  • Select a relational database like PostgreSQL or MySQL, or a NoSQL database like MongoDB based on the project requirements.
• Authentication:
  • Decide on an authentication strategy, such as JWT (JSON Web Tokens) or OAuth.

2. Set Up the Project

• Initialize the Project:
  • Use the chosen framework’s CLI to set up the project structure.
  • Set up version control with Git and create a repository on GitHub or another platform.

3. Define the Database Schema

• User Model:

  • Create a user model with fields such as name, email, password, profile picture, etc.

• Problem Model:

  • Define a problem model to store problems with fields like title, description, difficulty, and solutions.

• Resource Model:

  • Create a model for free resources with fields such as title, description, link, and category.

• Class Recording Model:

  • Define a model for class recordings with fields like title, description, link, and date.

• Additional Models:

  • Discussion threads, assignments, and other components based on additional features.

4. Implement Authentication and Authorization

• User Registration and Login:

  • Implement endpoints for user registration and login.
  • Hash passwords using a library like bcrypt.
  • Use JWT for creating and verifying tokens for user sessions.

• Access Control:

  • Set up middleware to protect routes and ensure that only authenticated users can access certain endpoints.

5. Develop RESTful API Endpoints

• User Endpoints:

  • Create endpoints for fetching, updating, and deleting user profiles.

• Problem Solving Endpoints:

  • Develop endpoints for CRUD (Create, Read, Update, Delete) operations on problems.
  • Implement endpoints for submitting solutions and getting feedback.

• Resource Endpoints:

  • Create endpoints for CRUD operations on free resources.

• Class Recording Endpoints:

  • Develop endpoints to manage class recordings.

• Additional Endpoints:

  • Discussion forums, assignments, and any other additional features.

6. Set Up Middleware

• Error Handling:

  • Implement centralized error handling to catch and respond to errors consistently.

• Request Logging:

  • Set up request logging using middleware like morgan for Express or similar for other frameworks.

7. Integrate with Frontend

• CORS:

  • Enable Cross-Origin Resource Sharing (CORS) to allow the frontend to communicate with the backend.

• API Documentation:

  • Document the API endpoints using tools like Swagger or Postman.

8. Testing

• Unit Tests:

  • Write unit tests for individual functions and components.

• Integration Tests:

  • Write integration tests to ensure different parts of the application work together.

• Use Testing Frameworks:

  • Use testing frameworks such as Jest, Mocha, or Pytest.

9. Deployment

• CI/CD Pipeline:

  • Set up a continuous integration and continuous deployment pipeline using tools like GitHub Actions, Jenkins, or CircleCI.

• Deploy to Cloud:

  • Deploy the backend to a cloud service provider such as AWS, Azure, or Heroku.
  • Set up environment variables and ensure the database is also hosted and accessible.

10. Monitoring and Maintenance

• Monitoring:

  • Set up monitoring for the backend using tools like Prometheus, Grafana, or New Relic.

• Logging:

  • Implement logging for error tracking and performance monitoring.

• Regular Updates:

  • Keep dependencies updated and apply security patches regularly.

[Yuvraj960]

@omrajsharma I did like to connect to for discussion on this issue. As I can implement it

[Sneha0019]

I can make the project as I have already worked on the student Portal as well as teacher Portal too. Assign it to me under GSSOC'24.