codeforcauseorg / edu-client Goto Github PK
View Code? Open in Web Editor NEWProduct focuses on 100% education as well as upskilling developing countries and rural areas.
Home Page: https://educlient.codeforcause.org/
License: MIT License
Product focuses on 100% education as well as upskilling developing countries and rural areas.
Home Page: https://educlient.codeforcause.org/
License: MIT License
It takes a lot of money to invest just to prepare yourself for an interview so why not users get a chance to interview each other by sharing their video, audio, and screen in a 1 - 1 fashion.
We could use technology like WebRTC to implement this feature. The interview process will not be limited to just solving data structures and algorithms related problems but could include much more.
currently, there is no navbar on the top of the application for the web app and android app of the project. we can add a navbar with logo and link to static pages like about us, contact, etc.
screenshots
Android through chrome inspect
make a new navbar/header component and use that for all pages.
The present wishlist page does not scroll.
We should show some upcoming events or course in home.
We can create a new section under the "continue learning".
Hi @Siddhant-K-code ,
Text of button doesn't change with the size, we should use css instead of material-ui (so that we can use "rem")
Rename default branch name to main
from master
I propose to make an Issue Template
, which will includes weather the issue is a bug or feature request, etc.
I would like to work on this issue, so @Abhishek-kumar09 can you please assignee this issue to me?
Thank you
The Readme file still lacks some information. The short information will let the user / contributors get a quick glance of the projec.
Adding shield.io tags will help the Readme File to me more specific for users
Create a pull request that covers all the requirements for A perfect Pull request and is not limited to:
The repo contains many eslint and prettier errors, the command npm run format
prettified all the files. I'm hoping to solve all the eslint errors.
Should I make a PR for this?
The files affected after prettifying were:
modified: .eslintrc.json
modified: .github/ISSUE_TEMPLATE/bug_report.md
modified: .github/ISSUE_TEMPLATE/feature_request.md
modified: .github/feature_request_template.md
modified: .github/pull_request_template.md
modified: CODE_OF_CONDUCT.md
modified: CONTRIBUTING.md
modified: README.md
modified: android/app/src/main/assets/capacitor.config.json
modified: capacitor.config.json
modified: package-lock.json
modified: package.json
modified: public/manifest.json
modified: src/App.js
modified: src/App.test.js
modified: src/Routes.js
modified: src/actions/accountActions.js
modified: src/components/Button/ButtonComponent.js
modified: src/components/auth/Auth.js
modified: src/components/courseCard/courseCard1.js
modified: src/components/courseDetails/schedule.js
modified: src/components/courseDetails/scheduleDetails.js
modified: src/components/wishlistCard/index.js
modified: src/config/index.js
modified: src/constants/index.js
modified: src/context/SettingsContext.js
modified: src/index.js
modified: src/layouts/MainLayout/BottomNav.js
modified: src/layouts/MainLayout/TopBar/Account.js
modified: src/layouts/MainLayout/TopBar/HeaderItems.js
modified: src/layouts/MainLayout/TopBar/Item.js
modified: src/layouts/MainLayout/TopBar/index.js
modified: src/layouts/MainLayout/index.js
modified: src/pages/CoursePageViewWithVideo/index.js
modified: src/pages/HomePage.js
modified: src/pages/HomeView/Hero.js
modified: src/pages/HomeView/NonHero.js
modified: src/pages/HomeView/index.js
modified: src/pages/PersonalPage.js
modified: src/pages/ProfilePage.js
modified: src/pages/WishlistPage.js
modified: src/pages/wishListView/index.js
modified: src/reducers/accountReducer.js
modified: src/reducers/index.js
modified: src/reportWebVitals.js
modified: src/services/authService.js
modified: src/setupTests.js
modified: src/store/index.js
modified: src/theme/index.js
modified: src/theme/shadows.js
modified: src/theme/typography.js
modified: src/utils/analytics.js
modified: src/utils/axios.js
modified: src/utils/bytesToSize.js
modified: src/utils/getInitials.js
modified: src/utils/settings.js
modified: src/utils/wait.js
I thought the main idea of project was to create a platform where one can take live classes ,take tests ,upload notes and bea education system between a teacher and the student
but the pic shows something else
please just tell me the idea i thought of was wrong or the code was meant to be improved later
Since the project is in its initial development phase, it would be good to have a feature-request template while proposing any new or additional features.
I am working on this and will soon generate a PR for the same
It would be nice if the repo has a Readme. MD for different, I know that it's not necessary at this moment and there are plenty of other issues to work on but it would make our community more welcomed for people who are from different communities and thus the Code for Cause can grow a lot from it
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
I want to add a Readme.MD file for different languages
adding a readme. md file in some other language maybe Spanish or french using Google translator or some other translator but I guess google translator will do it for us and linking it with the original readme. MD file
A clear and concise description of what you want to happen.
I want that if a person of a different community comes to the repo then he/she shouldn't get back from using our product or our app in this case just because he/she doesn't know the language but adding a readme. MD file that is in some other language and it's connected to the original readme. MD and also has the same content then it would take our community a long way
Add any other context about the feature request here.
We can add a Contribution.md for the project which will help the people in setting up the project and also tell them how to contribute and go over the basic steps of how to contribute.
I would like to work on this one.
Hi @KeenWarrior @kunal-kushwaha ,
We should add:
Can I work on them.
For now the Events page is showing no info so we can add
Some people are using npm and some are using yarn. I think it is not recommend to have both lock files. They could have sync issues. I looked into it to find a better mix yarn/npm experience.
I think we could use yarn import to have a smooth mixed npm/yarn environments.
https://classic.yarnpkg.com/blog/2018/06/04/yarn-import-package-lock/
https://classic.yarnpkg.com/en/docs/cli/import/
We want to have a splash screen for the ionic aplication when opened in android or iOS.
Adding splash screen, requires a bit of ionic/ capacitor knowledge:
https://ionicframework.com/docs/native/splash-screen
.
A clear and concise description of what the bug is.
The Wishlist section card at the end is overlaped by the bottom navbar
Steps to reproduce the behavior:
Add any other context about the problem here.
So I think we should add a little padding at the end.
Have a credits section in our README.md
file like this to recognise contributors in the project.
It could easily coexist with eslint
https://indepth.dev/posts/1282/setting-up-efficient-workflows-with-eslint-prettier-and-typescript
Hi @Siddhant-K-code,
BottomNav.js file in "client/src/layouts/MainLayout/" is BoottomNav.js
I think i should change it.
We should disable the rule "react-scope-in-jsx" from eslint from the project. Also remove all the react imports from every file.
Adding MIT License to the project
Since the app is focused for mobile we can use in-built feature of material-ui to make the views swipeable . Swipeable in the sense that the user can navigate through the pages swiping left or right.
To be able to make the views swipeable .We need to drop React Routing from the views. If the team is not planning on lazy loading the pages or code splitting, this feature is a must since it will give the user a mobile like experience.A major refractor needs to be done to support swipeable views.
Refer:-https://material-ui.com/components/tabs/
A header along with a navbar which are responsive and provide a user name and login and logout buttons.
I propose to add a Extensive search bar
consisting of the logo at the left side of the Explore DROPdown button.
According to UX Research:- Web users spend 80% of their time viewing the left half of the page and 20% viewing the right half. Adhering to design conventions will help maximize users’ efficiency and company profits.
Please Assign me this job so that i can work on this asap!
Thank you,
Archie
It is a feature request related to the environment setup of the storybook in the project edu-client.
Storybook UI is an open-source tool for developing UI components in isolation for React. read more about it here
By isolation, it means that it doesn't affect the flow of the project means we have a separate env within a project which has nothing to do with react workflow all we do is to write stories for its components.
In most simple words a story is referred to as the UI representation of a component.
It makes the project scalable like for ex: If A mentor is representing the project at any conference or something then if there are some people who don't know about the project that much or they want to know about project components means how different components are working, etc. So they can see the UI representation of the project's components which provides them a better picture of the project.
It will be helpful for first-time contributors as well like if someone wants to contribute to in project and he/she doesn't know how to start with the project or how these comments are working then it will help them to learn about the project.
As writing a story need creativity and good knowledge of component and it takes time as the codebase getting bigger with time and more components will be added with time so we can raise separate issues for writing stories which may help the beginner to contribute in the project as it doesn't require that much tech stack to write a story. we can also set up milestones to achieve this with the project. As it is very hard to write stories for all components for one individual so as we raise issues that may help different contributors, to work together.
As for now, the project is at the very beginning stage so it will be good to implement it right from the beginning.
As per the documentation, after cloning the repository and setting up the remote, one can type 'npm start' / 'yarn start' in terminal directly and the project starts running but instead of running, the command gets terminated with 'react-scripts: not found' warning.
Steps to reproduce the behavior:
One should run 'npm install' or 'yarn install' before running 'npm start' / 'yarn start'
The bottom navigation for the website doesn't update according to the page.
Steps to reproduce the behavior:
1.useEffect hook to update the value of the navigation each time according to the location will keep it updated.
The Navigation will update each time the page changes.
As I was setting my dev environment, I followed up the procedure that was given in the documentation apparently the command of npm install
or npm install -g npm-install-missing
is missing, adding that step will help newcomers to set up the dev environment easily and quickly, and also can check the project in deployment mode
Command "start" not found.
after running the command yarn start
Use Material UI for creating components:
Material-ui: https://material-ui.com/
Ionic: https://ionicframework.com/docs/react
Describe the bug
Application has a lots of console errors on the browser console window. We can fix it by doing some minor tweaks in code style.
Steps to reproduce the behavior:
There should 0 errors in the console.
A step by step guide along with screenshots showing how to clone and locally run the project using npm commands can be helpful for beginners looking to contribute to basic stuff but don't know how to setup this locally
In myclasses section when we click on More option the page has no return button or no info available due to this we have to reload the page again
Steps to reproduce the behavior:
Create a .env file to store config keys of firebase auth.
Full Page pdf:
Course Details.pdf
We are breaking this issues into several sub issues, you are required to solve subissues.
We are MAterial-ui and Ionic-React
In the README there are some minor mistakes such as spelling or grammar which I can fix.
Secondly I propose adding links for the technologies being used so people can access them quickly.
I can work on this
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.