abhidiva96/75per

75percent

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Close PRs	last commit

Featured In

Event Logo	Event Name	Event Description
	GirlScript Summer of Code 2024	GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development.

---

Table of Contents

• Overview of project
• Features
• Tech Stack
  • Frontend
  • Backend
• Getting Started
• How to get started with open source?
• Contributing
  • How to contribute
  • How to make a pull request
• Usage
• shoots
• Home page

Centralized platform for all the colleges to access their study material

This repository contains the source code for a website designed to help college students access their study materials like quantum books, lectures, notes, past year questions (PYQ), and many more

Overview of project

At 75% .com, our mission is to make quality education accessible to everyone. We understand the challenges students face in navigating their academic journey, and we're here to support you every step of the way with clear, concise, and reliable study materials. What We Offer Tutorials: Step-by-step tutorials covering a wide range of subjects and topics. Our tutorials are crafted by experienced educators to help you grasp complex concepts easily. Notes: Well-organized and detailed notes that highlight key points and essential information. Perfect for quick reviews and in-depth study sessions. Syllabus Guides: Stay on top of your curriculum with our up-to-date syllabus guides. We provide comprehensive outlines to ensure you’re prepared for every exam and assignment. Study Resources: Access a wealth of additional resources, including practice tests, revision tips, and study planners to optimize your learning experience. Why Choose 75% .com? Quality Content: Our materials are meticulously curated by subject matter experts to ensure accuracy and relevance. User-Friendly: An intuitive and easy-to-navigate website that allows you to find what you need quickly and efficiently. Accessible Anytime, Anywhere: Whether you’re studying from home or on the go, our resources are available 24/7 to fit your schedule. Community Support: Join a vibrant community of learners where you can share insights, ask questions, and collaborate with peers. Join Us Empower your academic journey with 75% .com. Explore our extensive library of educational content and take the first step towards achieving your academic goals. Together, we can make learning an enriching and fulfilling experience.

(back to top)

Features

This website is designed to help college students manage their notes, past-year questions (PYQ), and lectures. It allows users to:

• access quantum books
• lecture for the year-wise student
• all year can access the timetable of their class in one place
• accessing the syllabus for all subject
• Access a question set of past year questions (PYQ)
• Manage and keep track of upcoming lectures

(back to top)

Tech Stack

Frontend

• HTML:HTML (HyperText Markup Language) is a skeleton of a website, structuring content with tags and elements.
• CSS:CSS is a style sheet language used to style web pages.It enables the application of different styles based on media types and user preferences, enhancing user accessibility and readability
• JavaScript:JavaScript is a programming language used to add interactivity to websites.
• React.js:A JavaScript library for building user interfaces. It allows developers to create large web applications that can update and render efficiently in response to data changes.

Backend

• MongoDB: A NoSQL database that provides high performance, high availability, and easy scalability. It stores data in flexible, JSON-like documents.
• Express.js: A minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
• Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine, enabling server-side scripting and running scripts server-side to produce dynamic web page content.

(back to top)

Getting Started

To get a local copy up and running, follow these simple steps:

1. Clone the repo: git clone <https://github.com/your_username_/Project-Name.git>
2. Navigate into the project directory: cd Project-Name
3. Install NPM packages: npm install

How to get started with open source

You can refer to the following articles on the basics of Git and Github.

• Watch this video to get started, if you have no clue about open source
• Forking a Repo
• Cloning a Repo
• How to create a Pull Request
• Getting started with Git and GitHub

(back to top)

Contributing

How to Contribute?

• Take a look at the existing Issues or create a new issue!
• Fork the Repo. Then, create a branch for any issue that you are working on. Finally, commit your work.
• Create a Pull Request (PR), which will be promptly reviewed and given suggestions for improvements by the community.
• Add screenshots or screen captures to your Pull Request to help us understand the effects of the changes proposed in your PR.
• DON'T CREATE PRs WITHOUT CREATING ISSUE AND GETTING ASSIGNED

(back to top)

How to make a pull request

1. Start by making a Fork of the 75per repository. Click on the Fork symbol at the top right corner.

2. Clone your new fork of the repository in the terminal/CLI on your computer with the following command:

git clone https://github.com/<your-github-username>/75per

3. Navigate to the newly created PetMe project directory:

cd 75per

4. Set upstream command:

git remote add upstream https://github.com/AbhiDiva96/75per.git

5. Create a new branch:

git checkout -b YourBranchName

6. Sync your fork or your local repository with the origin repository:

• In your forked repository, click on "Fetch upstream"
• Click "Fetch and merge"

7. Make your changes to the source code.

8. Stage your changes and commit:

⚠️ Make sure not to commit package.json or package-lock.json file

⚠️ Make sure not to run the commands git add . or git add *. Instead, stage your changes for each file/folder

git add public

git commit -m "<your_commit_message>"

9. Push your local commits to the remote repository:

git push origin YourBranchName

10. Create a pull request!

11. Congratulations! You've made your first contribution!!

Usage

After installing the dependencies, you can start the local server:

npm run start

Navigate to http://localhost:3000 in your web browser to view the application.

(back to top)

shoots

(back to top)

Home page

(back to top)

Feel free to contribute to this project by opening issues or submitting pull requests!

Our Contributors ❤️

Thank you for your invaluable contributions to our project!

(back to top)

75per's Issues

Feature: Create frontend of navbar

Improve navbar UI of 75per according to the following image

Add About Page

I want to work on adding the About Page to the website to highlight the main features of the website and I will also make sure that the page is responsive. Here is one of the template.

@AbhiDiva96 can you please assign this issue to me?

Making Project Clean

Currently in project there are multiple components with same name and the css is repeated everytime. which is overwriting css one another I could make Js and css structure clean as well as remove unnecesaary files

Add Contribution.md

Hey @AbhiDiva96,
I wish to add the Contribution.md file which acts as guidelines for contributing to this project. Please assign me this issue.

UI Updation: Revamping the Landing Page.

The Landing UI should be more visually appealing and promoting the use-cases of the platform. This will create more frequent visiting of the same users.
Tech stack: Css, Framer Motion, Shadcn ui components (possibility)
Here are a few examples of the sections i am thinking of adding up.
Note: The overall look will be completely different from the provided samples as it is totally based on the nature and color template of your platform.

Sample:

Hero Section:

Service section:

I want to grab this issue if approved.

Enhanching the Cards of lecture Page

-Currently the Card design is Not Looking Good I Can enhance the card design

build the frontend for the previous year question section for the all year

IN the 75per.com

Build the frontend for the previous year question section . and download button so that a user can download it from the pyq section in a pdf formate.

Sign Up functionality not working

Sign Up functionality not working

Update the timetable section of section 3A

3rd year section-A timetable has been changed now replace the old timetable with the new time-table image.

reDesign the card on lecture page

redesign this page :

here issue is note space between the each card also not hover effect ...

Add Feature for Making Notes

Introducing a note-taking feature would enrich this project, enabling users to personalize their experience by jotting down key points and insights from study materials and lectures.

Add dark mode

• It would be great if we could add the dark mode as it enhance the user experience

[Feat]: Workflow for closing Old PRs

This feature aims to automate the management of open PRs in a repository, ensuring that outdated or abandoned PRs are closed in a timely manner. By doing so, it helps maintain repository hygiene, improves workflow efficiency, and provides a better experience for both maintainers and contributors.|

Website contains some weird shapes.

The website main page contain a circle and a line which i dont think is a part of design . It looks like a bug was vreated while coding . kindly see in the image below . A circle and a line is there on the front page on the right.
Image:

@AbhiDiva96 I would like to fix this bug under gssoc .
kindly assign this issue to me.
thank you.

Implementing forget password feature

Implementing forget password feature using nodemailer which will send reset link to the user.
@AbhiDiva96 please assign me this issue I would love to contribute as early as possible 😊 I already have experiencce in this.

Adding return to dashboard Button

There is no button for user to return back to the dahsboard.

Missing Learn.md file

Add Learn.md file as instructed by Gssoc guidelines

Adding a password toggling feature for signup page

I will add the password toggling feature through an eye button it will definitely help the user to hide or show the password when in need .

Enhance Readme file

A README file is crucial because it serves as the entry point for anyone interacting with your project. It provides essential information about what the project is, how it's structured, and how to use it. Think of it as the first impression someone gets when they encounter your project. A well-written README can save time and frustration for both you and others by clearly outlining the purpose of the project, installation instructions, usage examples, and any other pertinent details. It sets expectations, facilitates collaboration, and helps maintainers and users alike understand and engage with the project more effectively. In essence, a README is the user manual for your project, and investing time in crafting it can greatly enhance the overall experience for everyone involved.

Kindly assign this issue to me under GSSoC'24

UPDATING UI OF LOGIN/SignUp Page

login/sign page can be build like this with current background in place

Adding an Issue Template

Creating an issue template for easy identification of the type of issue and organized contributions.

UI enhancement required for Lecture page

UI of the lecture page require enhancement,

• Some space is required in between the lectures and the heading (1st year lecture)
• In one line, 4 lectures will look good with some spaces between them and on left and right side both.
• Lecture boxes will look good with some curves on all the sides.
• Fonts should more attractive then these simple texts
• Name of the lecture will look good in the center and the top and bottom space should be less
• Footer is not added on this page

Please assign this issue to me under GSSoC'24 and will be happy to hear from you that what I can add more and also subtract from the above mentioned points.

adding a customized logo

i would like to add a customized logo and favicon to this page
please @AbhiDiva96 assign this project to me so that i can start working on it asap

sign up and login form validation

user click on submit button without fill the information then display alert message like please enter velid email ...
@AbhiDiva96 ,
can yu assign this issue?

Displaying the syllabus of that particular year

Description

• When the year is clicked followed by the Syllabus..it displays the syllabus for 8 semesters but it has to be displayed for the selected year's semester( i.e if 2nd year is selected, 3rd and 4th sem has to be displayed)

Solution outcome

• When a particular year is selected then the particular semesters will be displayed for syllabus download.

Kindly assign to me @swetha5157 under gssoc'24 and add level labels
Thankyou

Student's To Do list

Adding To-Do list for individual User.

UI:Quantaum Ui needs upgradation

This Page Requires ui Upgradation .I can Upgrade This page assign me this under gssoc24

Adding a copyright message.

I would like to add a copyright message that would say "Copyright © 2024 75percent - All rights reserved."

Add Testimonals Section

I can work on adding a testimonals section so that we can post a review on what the students say regarding this website.

@AbhiDiva96 can you please assign this to me?

Accessing resources without login

• There should be a blocking while accessing the resources. User should first login and then be allowed access.
• Refactoring and Protecting the routes from exposed visibility

I want to take up this issue

bug::Underline below text

-These underlines should be hidden i can fix this issue

[Feat]: Auto Commenting Feat for Issue Creation

This feature aims to address the problem of delayed and inconsistent communication following the creation of issues. By automatically commenting on issues as soon as they are created, it ensures that contributors receive immediate feedback and acknowledgment for their efforts. This fosters a positive and supportive environment for collaboration, encouraging continued participation and engagement from contributors.

Add Code of Conduct.md

Hey @AbhiDiva96 ,
It is important for our community to have a clear and concise code of conduct to ensure a welcoming and inclusive environment for all contributors. A Code of Conduct sets the expectation for behavior and outlines the steps for reporting and addressing unacceptable behavior. This can greatly enhance the community experience and maintain a respectful and collaborative atmosphere.
I want to add Code_of_conduct.md, please assign me this issue.

[Documentation Updatation]: Upadate readme.md

Is your feature request related to a problem? Please describe.
The current README is not user friendly, lacks visual appeal and comprehensive information, making it challenging for users to quickly grasp the project's technology stack, features, and structure.

Describe the solution you'd like
I propose updating the README by adding tech stack logos to visually represent the technologies used, outlining the project's key features to highlight its capabilities, and including a table of contents for easy navigation.

Add about us section in the Navbar & add routes to it .

Adding about us section will define the purpose of the project better to the users.

Kindly assign this issue to me under GSSoC'24

Multiple Spelling errors in readme file

Readme file spelling errors

1. Spelling of access wrong

2. Spelling of material wrong

Main page spelling error issue is already raised but not this

Adding 404 page

hey i could add Error 404 page


like these.

Spelling mistake

The spelling of visit is missplelled there, otherwise your website is amazing and also very helpful of engineering students.

Feature: Add the theme toggler(Dark/Light)

Add the Theme toggler into the navbar

Dark theme: [#071931]
Light theme: [lavender]

shots

Updating UI of Syllabus page

The Ui of syllabus Page does not looks good and its need an upgrade . I can work on it please assign me under Gssoc 24

add footer

Hey @AbhiDiva96 ,add footer for navigate 1st ,2nd year ...

[Feat]: Auto Commenting feature for PR Merged

This feature aims to solve the problem of inconsistent and delayed communication following the merging of PRs. By automating the commenting process, it ensures that contributors receive timely feedback and acknowledgments. It also reduces the administrative burden on maintainers, allowing them to focus more on code reviews and other critical tasks.

Add Footer

I want to work on adding the Footer for the page and can add different Social Media links as well.

@AbhiDiva96 can you please assign this to me?

Buttons are showing over footer while scrolling

While scrolling the website, the buttons are showing over the footer.

Please assign this issue to me under GSSoC'24. I will correct this issue.

[Feat]: Workflow for Closing Old Issues

This feature aims to automate the process of managing old issues, ensuring that the repository remains organized and focused on relevant tasks. By automatically closing old issues, it reduces manual overhead for repository maintainers and helps keep the issue tracker tidy and up-to-date.

[Feat]: Auto Commenting when an Issue is Closed

This feature aims to solve the problem of poor communication and lack of acknowledgment when issues are closed. By automatically commenting on closed issues, it ensures that contributors are informed about the closure and are thanked for their efforts. This helps maintain a positive and engaging community atmosphere, encouraging continued contributions and fostering good relationships between maintainers and contributors.

Feature: build backend of User Authentication

Build the backend of the User Authentication

1. User Signup
2. User Login

Make sure use jwt for the secure authentication.

note: In the signup page there must me two options on user can signup manually(using jwt and database) and other one is using other option such as Google account...

[FEAT]: Input Sanitization

We can sanitize the input entered by the user in the sign up page and also put some conditions on the passwords. We can even hash the password for better security.

Please assign it to me under gssoc24

[Feat]: Auto Commenting feature for PR Raised

This feature aims to address the problem of delayed and inconsistent communication following the raising of PRs. By automatically commenting on PRs as soon as they are raised, it ensures that contributors receive immediate feedback and acknowledgment for their efforts. This fosters a positive and supportive environment for collaboration, encouraging continued participation and engagement from contributors.

Spelling mistake

As the spelling of visit in the main page is incorrect