Code Monkey home page Code Monkey logo

iemhacks_dev-g's Introduction

image

💻Tech Stacks

Table of Contents 📒

🎧Introduction

Welcome👋

Welcome to the README for the DEV-G EdTech project

This is a fully functional ed-tech platform that enables users to create, consume, and rate educational content. The platform is built using the MERN stack, which includes ReactJS, NodeJS, MongoDB, and ExpressJS. It aims to provide:

  • Seamless Learning Experience: A seamless and interactive learning experience for students, making education more accessible and engaging.
  • Instructor Platform: A platform for instructors to showcase their expertise and connect with learners across the globe.

pr4

pr1

pr3

Whats-App-Image-2024-05-06-at-02-17-39-49e7503b

pr2

pr6



🎥 Video Demonstration : Dev-G

Features🌟

💥User, Instructor, and Admin Functions

  • User Roles: Different user roles are supported, each with their own set of functionalities.
  • Course Creation and Organization: Instructors can create courses, organize content, and manage course materials.
  • User Account Creation: Users can create accounts with OTP verification for enhanced security.
  • Course Purchasing: Users can conveniently purchase courses through the integrated Razorpay payment gateway.
  • Security Enhancements: SHA-256 and HMAC algorithms are utilized to provide robust data security.

📍Technologies Used

Frontend:

  • React: A JavaScript library for building user interfaces.

Backend:

  • MongoDB: A NoSQL database for storing application data.
  • Express.js: A web application framework for Node.js used for building APIs.
  • Node.js: A JavaScript runtime environment for executing server-side code.

Payment Gateway:

  • Razorpay: Integrated for secure payment processing ( Use UPI ID: "success@razorpay" for dummy payment process).

🎯 Future Scope

Admin Section

  • Dashboard: This page will have an overview of the platform's courses, instructors, and students.
  • Insights: This page will have detailed insights into the platform's metrics, including the number of registered users, courses, and revenue.
  • Instructor Management: This page will allow the admin to manage the platform's instructors, including their account details, courses, and ratings.
  • Other Relevant Pages: The admin will also have access to other relevant pages, such as user management and course management pages.

Quick Start🚀

To set up the project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/ashutoshgithubs/iemhacks_DEV-G.git
    
  2. Navigate to the project directory: cd iemhacks_DEV-G

  3. Install dependencies: npm install

  4. Configure environment variables:

    • Rename .env.sample to .env.
    • Fill in your configuration details in the .env file.
  5. Start the script: npm run dev ( This command will run both client ( src ) and server ).

  6. Access the application in your web browser at http://localhost:3000.

🤠 Project Admin


Ashutosh Kumar

✴️ Contribution Guidelines

Fork the Repository

First, fork the repository to your GitHub account by clicking on the "Fork" button at the top-right corner of the repository page.

Set Up the Project

After forking the repository, clone it to your local machine and install dependencies:

Then, start the project.

Create your account on the website by signing up and become familiar with the interface and behaviour of the backend.

Create a New Branch

Before making any changes, create a new branch for your contributions:

Work on Issues

You can either create a new issue to request changes or work on existing issues. If you choose to work on an existing issue, comment on it to get assigned the gssoc24 label.

Make Changes and Commit

Make your changes, stage them, and commit with descriptive messages:

Push Changes to Your Fork

Push your changes to your forked repository:

Create a Pull Request

Once your changes are pushed, create a pull request by visiting your forked repository on GitHub. Compare and select the appropriate branches, give your PR a descriptive title and description, and submit it for review.

Review and Merge

Your pull request will be reviewed by the project admin (i.e. me) or project mentor. Make any requested changes and wait for approval. Once approved, your branch will be merged into the main codebase.

This Project is a part of GSSoC'24

Contributors 🌟

Thanks goes to these wonderful people ✨✨:

🙏 Support

Don't forget to leave a star ⭐️ for this project!
Thank you for being a part of the DEV-G.

Back to top ⬆

iemhacks_dev-g's People

Contributors

ashutoshgithubs avatar bipulrahi avatar chaitanyaanand1202 avatar suhanipaliwal avatar gitshanmukh123 avatar abh-i-sek avatar aniket-2504 avatar antriksh-9 avatar thecurioussailor avatar pradnyagaitonde avatar vinaylodhi1712 avatar dakshsinghrathore avatar maxcillius avatar

Stargazers

Piyush sahu avatar  avatar Tony Stark avatar Diksha Gupta avatar Khushi Pawar avatar MUTCHERLA RAHUL KUMAR avatar  avatar Thenmozhi avatar  avatar KARAN SINGH D avatar  avatar Monil Prajapati avatar Manav Malhotra avatar Hardik chandra avatar Bhavani Saranga avatar  avatar  avatar  avatar  avatar Parijat Bhattacharjee  avatar Lazeena Iftekhar avatar Sumit Kumar avatar  avatar Shrirang Elkunchwar avatar AnkitKumarTewary avatar Sumeet avatar Chelsea avatar Pranoti Durugkar avatar  avatar  avatar Rishabh Bijalwan avatar Sushil Singh avatar  avatar Tabish avatar

iemhacks_dev-g's Issues

Addition feature using some buttons

1.Button - Classroom
2.Button - Enrol Now
3.Button - Add Course || Add more Courses

Why implement this feature?

1.In NavBar items add one more item named Classroom by which the user can directly go to the classroom to explore their course classes at one place.
2.If the Enrolled Courses section is empty then show button named Enrol Now in that section, by using this button the user can directly land on the Courses page to add them without going back on website.
3.If there is no courses added in the Your Cart section then show button Add Course, by using this button the user can directly land on the Courses page to add them without going back on website. Similarly, If courses are already added in the cart show button Add more Courses.

I would love to work on this issue and contribute to it as GSSoC'24 contributor. Looking forward to your reply.

Feature : Scroll to Top Button for Improved User Experience

On website a back-to-top button isn't present which is a common website feature.

I propose adding a "Scroll to Top" button that becomes visible as the user scrolls down the website page.
Tapping this button would smoothly scroll the user back to the top, providing a convenient and efficient way to navigate lengthy content.

no catalogue available

there is no catalogue page available on clicking the button
would like to add one

please assign under gssoc'24

Girlscript Summer of Code Introduction/Tracking

👋 Hi @ashutoshgithubs,

I am Prince,web developer(Core Team) Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you :octocat:

web development section

Hello @ashutoshgithubs
I would like to work on the "Home / Catalog / WEB Development" page
I will increase the font size and alignment of web development section and change the position of cards in section of courses.
I will make the page beautiful.
Screenshot 2024-05-11 204111

Can you please assign this issue to me under gssoc24

Implement Admin Portal for Educator Verification

This issue proposes the development of an admin portal within our educational website. This portal will allow administrators to verify the credentials and qualify of educator's content requesting access to create and manage courses .

Currently, there's no dedicated system to verify educator legitimacy. An admin portal will ensure the quality and credibility of our educational content by verifying educator expertise. Verified educators will also inspire greater trust among learners.

Develop a secure admin portal accessible only to authorized Admin with appropriate access levels.

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to your

Enchancement : Hover Effect on Cards

image

The Hover Effect on cards can make the website more user-interactive and visually appealing.
Can you assign this task to me under GSSOC 2024?

Enhance Website UX with Animation

This website could benefit from incorporating animation to improve user engagement and interaction. Animated elements can capture attention, provide feedback, and create a more dynamic user experience.

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

" FACING AN ISSUE " BUTTON NOT VISIBLE ON LARGE SCREEN

because of css properties the ' Facing an Issue ' button shifted as i have two devices and when i give a look through both of my devices of different screen size then the button is appear on small screen
(upto 14' ) but partially visible on large screen
(>14') as it get shifted towards bottom

button name - [ FACING AN ISSUE]


ahsu

Missing CONTRIBUTING.md File in Repository

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

Add Email Verification to Contact Form

Describing the bug
Currently, the contact form on the DEV-G website validates email addresses based on format only, without checking whether the email address actually exists. This means that users can input correctly formatted but non-existent email addresses or invalid email addresses, leading to potential issues with communication and confirmation emails not being delivered

Expected behavior
To improve the user experience and ensure that valid contact information is collected, it is proposed to implement email verification in the contact form. When a user submits their email address, the system should perform a verification check to confirm that the email address exists before proceeding with form submission. If the email address is found to be invalid or non-existent, the user should be provided with feedback indicating that the email address is not valid and prompted to correct it.

Screenshots
[Screenshot (75)] (https://github.com/ashutoshgithubs/iemhacks_DEV-G/assets/149309203/d046e022-18ae-413c-ad0b-f0cdefb772d3)
[Screenshot (76)] (https://github.com/ashutoshgithubs/iemhacks_DEV-G/assets/149309203/64ccb040-ca93-4701-aa90-57c7e513ce7b)
In the above picture even though the email does not actually exist, but as it is in correct email format application showed email sent successfully and the user will not get any confirmation mail.
So, I want to fix this bug and alert the user if user provides invalid email.

Feat: Automate greeting using Github bot 🤖

Describe the feature

As the contributor count rises on the repo, it becomes increasingly challenging for maintainers to personally greet and encourage each contributor for their valuable input. Equally important is the reminder for them to review the project's contribution guidelines.

Add ScreenShots

PR greeting message ⬇️

CleanShot_2024-05-11_at_14 39 402x

ISSUE greeting message ⬇️

CleanShot_2024-05-11_at_14 40 482x

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSoC'24 contributor
  • I want to work on this issue

Implement Live Streaming Functionality

This is not an issue but the enhancement for the addition of a live streaming feature to the educational website DEV-G. This will enable educators to conduct live lectures, host interactive sessions, and enhance student engagement.

  • Raise any questions you have for the community regarding the implementation.
  • Mention any potential challenges you foresee.
  • Open the discussion for suggestions and alternative approaches.

ADDING new SECTION for USER advices and informing bugs

I would like to create a seperate page or section for advices and other suggestions section which is more admirable for websites like these so that if any developer finds any bug or improvements in your website ,then he or she can directly contact to you , as I will link a api to your email account ,if you provide me ur email details after assigning me the project.ONCE IF HE OR SHE CLICK ON SUBMIT THEN YOU WILL GET AN EMAIL SHOWING ALL THESE INFORMATIONS.(SHOWIN IN 3rD IMAGE)

Screenshot_10-5-2024_13522_localhost
Screenshot_10-5-2024_141142_localhost

Screenshot_10-5-2024_14143_mail google com

THERE in the description the website users can share some suggestions and share their email address to connect with you and also I could PROVIDE A LITTLE MORE IMPROVEMENTS .

I BELIEVE THIS WOULD TAKE UR WEBSITE A BIT MORE HEAD THAN OTHERS,OR INSTEAD IF YOU ARE NOT WILLING TO SHARE EMAIL DETAILS THEN I COULD CREATE ONE FOR YOU AND PROVIDE YOU THE DETAILS.

THIS WOULD LOOK LIKE THE SCREENSHOT ABOVE AND I WILL MAKE SOME CHANGES ACCORDING TO THE NEEDS OF YOUR WEBSITE

IF YOU LIKE MY NEW FEATURE ,KINDLY ASSIGN IT TO ME UNDER GSSOC'2024 .waiting for your response

Reducing Code Duplication

I noticed some code sections in src/pages/TopHome.jsx seem to be repeated.

I think we could create a separate component to handle this logic.
Could you please assign this issue to me under GSSOC 24.

Add hover effect to the navbar

Screenshot (350)
As part of my participation in GSSoC, I want to add hover effect to the Home
Catalog
About Us Contact Us items present in the navbar

Loader in Catalog dropdown

Create a proper loader at the place of "Loading..." in catalog dropdown that will appear when catalog items load.

Add GitHub Desktop Contribution Instructions

Describe the changes that you want to make in the documentation
A clear and concise description of the changes to be made in documentation
I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

Significance of the changes made
describe the effect of these changes
I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

[Issue]: Hover Effect Missing on Terms Link and Copyright Date Outdated

#Description

Screenshot 2024-05-12 203253

"I've noticed two issues on the website:

The hover effect is missing on the 'Terms' link.
The copyright date displayed is 2023 instead of the current year, 2024."

##Expected Behavior:

When hovering over the 'Terms' link, there should be a hover effect applied, similar to the 'Privacy Policy' and 'Cookie Policy' links.

##Actual Behavior:

No hover effect is applied when hovering over the 'Terms' link.

Additionally, the copyright date displayed at the bottom of the page is showing 2023 instead of the current year, 2024.

Learn.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

Enhancement of Footer Effects for Improved User Experience

Screenshot 2024-05-08 232211
As part of my involvement in GSSoC, I want to enhance the visual appeal and user experience of the project's footer section. This task entails an overarching improvement of effects such as animations, transitions, and hover states within the footer.

Add Feature Light/Dark Mode toggle

Hello Sir,
After visiting your website i found that there was no dark/light mode toggle button.
I can add this which will enhance the beauty of your website.
Please assign this issue to me under GSSOC 2024

Adding page for DevOps section in catalogue

Currently on clicking on DevOps section in catalogue we are getting 404

Screenshot (751)

So want to add courses to this section as other sections.

I would like to work on this issue.

Contribution for Gssoc'24.

potd

have problem of the day according to the student enrolled courses ctegories

Implement Google Signup Feature in React

I want to enhance Dev-G user experience by providing the option for users to sign up using their Google accounts. This issue will cover the implementation of the Google signup feature in React application.

Tasks:

  1. Integration with Google OAuth: Implement OAuth authentication with Google to allow users to sign up using their Google accounts.

  2. User Interface Changes: Update the signup page to include the option for users to sign up with Google.

  3. Error Handling: Implement appropriate error handling for cases such as account already exists, network errors, etc.

Acceptance Criteria:

  • Users can sign up using their Google accounts.

  • The signup process seamlessly integrates with the existing authentication flow.

  • Proper error messages are displayed to users in case of failures

close menu button

  • close menu button is not aligned properly on mobile screens:
    image

fixed:
image

  • on home page hovering over the icons translates them below get started let me know if that is intentional.
    image

assign this issue to me so I can work on it.

search bar for students

here all student have to navigate through the categories , so a search bar that get the related courses based on searched keywords

a discussion platform

a discussion platform where student and teacher can raise issue regarding the change they want in the DEV-G creators as everyone not able to figure out the github repo and raise issue ,eveyone is not a techi

Authentication of content not of users

To ensure a positive and respectful learning environment for all, DEV-G have to implements a content review process. This process involves a team dedicated to reviewing content posted by both teachers and students to identify any potential issues that might not align with DEV-G's values. the content posted by teachers and students is subject of respect of DEV-G , so a system that manually check the content of teachers and inform the admin if find somthing that raise questions on DEV-G reputation

BUG: Invalid Email Format in Signup Page and Non-functional About Us Page Link

Dear @ashutoshgithubs ,

I discovered two issues on your website that require attention:

  1. Signup Page Bug: The signup page currently accepts invalid email formats, allowing users to sign up without the "@" symbol and domain (e.g., ".com"). This bug affects the accuracy of user registrations and can impact data integrity.

I have recorded a video demonstrating this issue for clarity:

DEV-G.-.Google.Chrome.2024-05-13.19-32-37.mp4
  1. About Us Page Link: The "About Us" page link in the footer is not functioning properly, leading to a non-functional page when clicked.

I'm interested in addressing these issues and providing my best effort to resolve them. Ensuring the correctness of email formats in the signup process and fixing the "About Us" page link are essential for maintaining a seamless user experience on your platform.

Please consider assigning me these tasks, and I will work diligently to fix these bugs and enhance the functionality of your website.

I look forward to hearing from you soon.

home page sublink error

When navigating to the home page, there is an error for unchecked sublink length due to which the home page is not being loaded.

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

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.