codeforcauseorg / codeforcause.org Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://sandbox.codeforcause.org
License: Mozilla Public License 2.0
Home Page: https://sandbox.codeforcause.org
License: Mozilla Public License 2.0
I think its a great idea to embed youtube videos and other coming up contents, blogs, articles, community, etc on a new page.
So that there is more to see when a user gets to our website.
codeforcause.org/src/views/pages/HomeView/Events.js
Lines 119 to 121 in d22cc28
You can see this with landing on the homepage, and realising that the `Events Section is loaded after some time disturbing the scroll position.
We are having many errors total 20 - 21 currently with rendering or other components. Reduce to 0 error is our goal.
Steps to reproduce:
npm run start
Add a simple setting which makes the website go light, or dark, for the creatures of the night.
ALthough having a good internet speed, our website loads slower. This is clear that this is caused due to bigger image sizes that we actually dont need, because we are afterall using smaller resolution image on site.
WorkAround:
The mentors section should use smaller resolution pictures.
And youtube/course videos should fetch images from the youtube api (much much faster, because youtube is cached in almost everyones computer)
Here is the component design
Here is the full prototype: #199
I was assigned to #82 which required me to add validation to the Campus Leader Application Form. Before creating a pull request #86, I tested the changes with my credentials to check whether the validation was working or not. I assumed that there would be separate databases for production and development.
However, this morning I received an email that I was selected as the Campus Leader. I have mailed the team to exclude my candidature but I am also creating this issue to state the requirement for having separate databases for production and development so that such errors will be avoided.
I have seen commented out sections of code in multiple files. I don't understand their purpose as they are just code and does not conveys any useful information. In my opinion, it will be better to remove them to improve code quality.
ReadMe says:
Remember to run npm run format before creating pull request.
But npm format
doesn't exist.
$ npm run format
npm ERR! missing script: format
Available Scripts:
"lint": "eslint ./src",
"start": "PORT=5000 react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
Maybe lint
was the required script, but it again shows lots and lots of errors instead of formatting code.
Tapping to any random url is taking to blank page, instead the user should have routed to 404 page.
The open source div is not serving any click events, Is it good idea that clicking on open source would redirect a user to our open source projects @codeforcauseorg.
What is your view?
Add this section in between WhatWeStandFor and Team section
you can take ref from https://github.com/codeforcauseorg/codeforcause.org/blob/development/design/home_view/home_web.pdf
Expected result
src/components/PostCard
All the Files are important based on their functionality but is not used in current codebase but future feature updates can include this. So we can Delete it from here but archive this somewhere else.
Not used but Important Components: Should not be removed
They are the part of Redux and Redux-Router-DOM and state management
src/reducers
src/services
src/store
package that can be removed:
QuillEditor
Codes that can be optimised:
Topbar
Auth, etc
Contents that can be moved to src/data
https://github.com/codeforcauseorg/codeforcause.org/blob/d4ad2c5b5f8c95531be5f71867206cd633c36b03/src/views/pages/CLView/CLViewData.js
https://github.com/codeforcauseorg/codeforcause.org/blob/ffd4352664c9d55a6d6cf73bb733df724e148ec7/src/views/pages/HomeView/HomeViewData.js
And other optimazations that should be followed after these changes.
Update font family for the website to Montserrat
you can find the detail of font at https://fonts.google.com/specimen/Montserrat
Here is the component design:
here is the full prototype #199
I found this link to be broken in REAME. Moreover, I think that this should be https://sandbox.codeforcause.org instead, but I am not sure.
Line 8 in 3ea2453
Distortion in check detail button on smaller/mobile screens:
see image
Steps to reproduce:
The current hover effects are plain, simple, and not very fun. Making cooler hover effects for things can have the following possible advantages
While switching to a different route
The scroll postion is expected to move to top ( window.scrollTo(0, 0) )
But it remains fixed and does not work the way it was expected in the function
Add .nvmrc file targetting to the latest node LTS version 12.16.1
We need to show customized popups, anouncements and recomendations. I think hello-bar is good to start with.
We code for cause are commited to provide opportunities to everyone we know, for maximizing the reach to job providers an Hire-with-us page is strongly needed.
We can make this by breaking things into components:
Download full pdf prototype:
There are smaller issues linked to it, we should write the code for seperate components as component issues are linked with it.
You should create page in https://github.com/codeforcauseorg/codeforcause.org/tree/development/src/views/pages by making its seperate folder.
Ping with tagging any of the project maintainer for any small or big help.
The homepage takes up to 20 sec to load completely on a fast broadband connection.
This is due to larger than the required image sizes that can be optimized and still look good.
Solution:
The highlighted assets can be optimized i.e. should use the smaller and compressed pictures.
this was mentioned in #42 as well
I think most of the developers use google calendar to manage events around them to get reminded of the stuffs around them. Infact it is natively supported in android devices that could pop up the event dates and times in the notification panel.
We can add a google calendar in our website that could just take us to google calendar to mark the event dates so that no one could miss or forget our live sessions.
Backend help: https://stackoverflow.com/a/21653600/13635762
Frontend: I think we can make a new button for this or click on the date(The green strip in which event date is written inside event section) that will take us to create an event.
From user experience perspective, I believe it will be better to change "Apply Now" to "Coming Soon" if that's the case.
Also the link points to a form to signup for Code For Cause newsletter. Is this desirable?
when clicking on the campus leader option rest of the option gets vanished making difficult for the user to check other pages.
Create hire-with us Hero component
Here is the hero component:
Here is the full prototype: #199
we can add semi rule to eslint so that semi colon is added to the places where one forget to add after running npm run format
Eslint docs: https://eslint.org/docs/rules/semi
Summary of Requirements
I want to work on this
Adding issue and pull request templates makes organization much easier, and makes a smoother collaboration for both the devs, and the people opening pull requests/issues.
If you like, I can create a PR for it. Alternatively, you can add it yourself, it's not very hard ๐
Adding a section in footer for important links might be a good way to go.
Pledge website: https://pledge.codeforcause.org/
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.