GithubHelp home page GithubHelp logo

akshima-ghai / oneeducationalwebsiteforall Goto Github PK

View Code? Open in Web Editor NEW
80.0 2.0 64.0 12.54 MB

If I have to describe my project , in simple words , it would be an educational website or app, but not just that , it would be the best website or app , a person or organisation can ever ask for . It will have many features including VideoLectures , Theory/Notes , TestSeries , DataAnalysis of results , Blogs to motivate or for Guidance , Attendance System and many more features. We would also deploy it , so that it can be a real-time working project and it would help everyone to gain a lot of experience and learning curve for this project would also be great . It would also have the best design which would make it interactive as well as attractive .

HTML 0.93% JavaScript 72.82% CSS 26.16% Shell 0.10%

oneeducationalwebsiteforall's Introduction

OneEducationalWebsiteForAll


Open Source Love Build by Devlopers contributions welcome Maintenance PRs Welcome

GitHub contributors


  • It is an educational website , but not just that , it would be the best website , a person or organisation can ever ask for . It will have many features including VideoLectures , Theory/Notes , TestSeries , DataAnalysis of results , Blogs to motivate or for Guidance , Attendance System and many more features. We would also deploy it , so that it can be a real-time working project and it would help everyone to gain a lot of experience and learning curve for this project would also be great . It would also have the best design which would make it interactive as well as attractive .

  • This Project would start from scratch , so that each and every individual can participate and contribute and learn to the maximum extent .

  • If a contributor , had contributed to this project and had put efforts in the same , it would also help them for their freelancing career , because similar websites are asked to build on the freelancing websites.

Tech Stack

MongoDB Express React NodeJs

Setup and Installation

A common issue many people may face while setting up the project: Running npm install(or npm i) throws these errors -

This occurs due to the mismatch in the versions of node and npm installed on your local machine and the ones used in the project.

Solution

  1. Update NodeJS : Download the latest version of Node from it's official website -
https://nodejs.org/en/

This would overwrite the previous outdated version.

  1. Update NPM : Open your terminal, type the following command and hit enter -
 npm install npm@latest -g

This would update npm to it's latest version available.

And you're done! Run the following commands in the project directory to set up the project.

npm install
npm start

Contribution Guidelines πŸ—

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and improve it further

To start contributing, follow the below guidelines:

🌟. Star🌟 the project to bookmark and appreciate the work.

0. Take a look at the existing issues or create your own issues. Wait for the Issue to be assigned to you after which you can start working on it.

1. Fork this repository.

2. Clone your forked copy of the project.

git clone --depth 1 https://github.com/<your_user_name>/OneEducationalWebsiteForAll.git

3. Navigate to the project directory πŸ“ .

cd OneEducationalWebsiteForAll

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/Akshima-Ghai/OneEducationalWebsiteForAll.git

*5.** Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream master

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perform your desired changes to the code base.

9. Track your changes:heavy_check_mark: .

git add .

10. Commit your changes .

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests. Please ensure you compare your feature branch to the desired branch of the repo you are supposed to make a PR to.

13. Add an appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15. Voila ❗ You have made a PR to the Akshima-Ghai/OneEducationalWebsiteForAll project πŸ’₯ . Sit back patiently and relax while the project maintainers review your PR. Please understand, at times the time taken to review a PR can vary from a few hours to a few days.

Project Admin πŸ‘©: Akshima Ghai

Akshima Ghai

License

MIT License

Contributors

oneeducationalwebsiteforall's People

Contributors

aakankshabhende avatar aframp avatar akash20x avatar akshima-ghai avatar amanbisht01 avatar deeqakkk avatar dnyaneshwarim avatar harshal0902 avatar ht170900 avatar iamharshitpandeyy avatar ishikajn8126 avatar jagannath8 avatar jayeshpurohit12 avatar kmles avatar kumarishalini6 avatar neha030 avatar nikhilsharma03 avatar nikhv avatar pranjay-poddar avatar sahu-01 avatar shivshankar9 avatar shrihari-07 avatar shwetkhatri2001 avatar sujith248 avatar swastik1710 avatar swathi-469 avatar umang2002 avatar urmi-256 avatar varshithmittapalli avatar venomfate-619 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

oneeducationalwebsiteforall's Issues

UI of the website

This will first open a page to ask user if he/she is a student or teacher, then accordingly next page will open, including different sections like abt page, the home page, video lectures, DoubtAssitance, Blogs, TestSeries/Quiz Section, and more features.
We are open to creative design as you like, but keep the standards high .
All the best.

Design two SignUp forms. One Teacher and one for student.

~Color theme should be maintained.
~All the necessary fields should be there for respective forms( Research a bit before starting to code)
~Create a section that one user click on sign up he/she should receive options to "SignUp as a teacher" or "Signup as a student/learner".

Feel free to ask if you have any doubt or have some idea to share.

Fix responisveness in mobile view for "Get Started" Section

image
image
image
image

Changes Required:
1.when in mobile view there should be single background instead of multiple same images
2. Align them to center
3. Fix positons of social media handles as well(specially github )
4. remove this extra padding as well
image

Can i work on the homepage

** Description **

HomePage for the OneEducationWebsite

Changes to be Made

  • Folder Structure
  • Add HomePage
  • Regular Color Scheme
  • Will Use ReactJS

Design Website

Design Teacher/Student Section
Design About Page
Design Doubt Assistance Page
Design Quiz Page
Design Courses Page

Navbar Button

As of now the navbar button color is not set for dark mode which doesn't look good.

2

I wanna update the colors according to the dark and light theme and also add a hover effect to it.
Demo :

ezgif com-gif-maker(2)

PR Template

Description

  • Currently, many of the PR's don't have any descriptions or any supporting tests. It's always a good practice to give a description of the changes you have made since it gives the reviewer a better understanding of the issue you have solved.

Changes Required

** We can define a PR template which consists of sections such as **

  • This PR fixes :
  • Description :
  • Changes Made:
    If it's a change in UI. Would be best to add images of UI as well.
  • (Optional) Note For Reviewers :

Update Readme file.

Changes required:

  1. Update tech stacks to MongoDB, React, Express, NodeJs.
  2. Update this section to make it look good as well as informative
    image
    Feel free to use your creative skills and google as well.

store preference

When a user toggle to dark mode , then its preference should be set to dark mode means if i refresh the page know , it should remains in dark mode rather than light mode .

Logo Design

Design a logo , which will best suit our website

Animation applied on learnZania

Change the animation applied on learnZania, that line revolving around doesn't look good and the time for login animation makes it look weird when the navbar changes from black to white,

Can I work on this issue .

Change color theme of "Get Started Page".

Changes required:
1.Change blusish shade to our color theme i.e shade of red.
2.Change image at center with a new one (You can look on some free images website)
3.Change the elements how it is displayed ( You can change according to yourself) but it should look decent.
image

Sumbit a Screenshot or a Video before making a PR.

Fix FAQ Section Issues

Description

There are several issues with the faq page

  • Because of not following BEM classes naming, it clashes with other components.
    Screenshot from 2021-07-03 18-51-16

  • All the four question's answers are opening at the same time.

  • There are some stylish issues with fonts.

Responsive Optimization required

Optimization required for mobile devices.

Issue:

  • Blank space to the right of the navbar.
  • Header Image not centered
  • Footer white space is not symmetric on the left and right sides.

Steps to reproduce the error:

  • npm start and visit localhost:3000
  • open browser's developer tools (Ctrl+Shift+i)

Screenshot 2021-07-01 132801

Add Badges in README.md

I want to add badges in top section of readme which shows no of stars, issues, pr, open issues and closes issues, maintained and many more. Through these badges your README.md looks cool.

Animations

Add Animations to make the UI look perfect .

Add logo.

Update header section with this logo on the left of "LearnZania".

Logo's DIrectory:
src\assets\logos\1.png

Resolve Errors

Maintain CodeBase, if you find any error, just ask for the issue and debug the code.

FIx nav-bar

The nav-bar length is not looking good and the navlink alignment is not a proper .
Please assign this issue to me .

Footer Section

As of now , the web page doesn't contain any footer. I would like to add an awesome footer section to it.

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.