coderplex-org/coderplex

(Old) Frontend for coderplex.org

coderplex-org

Coderplex Community Website

Getting Started

cp .env.example .env.local
yarn
yarn dev

Open http://localhost:3000 with your browser to see the result.

Useful Links

• Live demo
• Website Spec
• Contact us on Discord

coderplex's Issues

final test for bot

this bot is undergoing its final test , to check if this issue made it to coderplex twitter account

Add license badge

Add the github badge/shield of BSD-3 clause in the read me linking to the license.

Grammar and typo check in space page

Statement

In space page i.e /space check for grammar accuracy and typos.

Technology

Documentation

Note

Multiple pull request are welcome for correcting various spelling mistakes and grammar.

not able to start the local host

I have started backend and mongo server after following all the instructions provided.

Pictures, logos of various technologies

As per our new design
we plan to put a small square picture of the right depending on the type of technology the meetup is on.

#### Initial Plan
- [ ] Collect pictures/logos of tech (collected : 0)
- [ ] Place them in CMS
- [ ] Provide the url as key-value pair for correlation on frontend

If you like our project and believe in our goal, please star the project for it to reach others out there

Update react and next version

• Upgrade to React v16.0.0
• Upgrade to NextJs v4.1.0
• Verify build

Caution : There might be breaking changes

Page after 'learn/subject'

Let's have a discussion here so how the page looks like after user have selected a topic from learn/subject

Right click on learn guides doesn't let user open in new tab

Right clicking on any learn guide doesn't let the user open the guide in a new tab, which is what an average user might want to do as they browse the /learn page. Can we do something about this?

Adjust padding

Current status

The content loader for text is far off to the left. While on web view it looks correct on mobile view its a bit off.

Possible Solution

• Adjust the padding of that particular content loader to match web view
• Related files are under components/content-loaders , pages/events

warning messages for Subscribe form

Current state

After subscribe button is pressed, landing page component waits for the server response. If its 200 OK then renders thank you for subscribing

Improvement

• Before sending the network request, check if the input field is empty, then display appropriate warning
• If the response is other than 200 OK, then prompt the user to try again with a meaningful text using semantic-form-warning while still showing the input field

Remove meetup from footer

Objective

Remove meetup link from the footer of the app.

Directions

• Relevant code can be found in components/footer

Note

• Please make sure you read Contributing guidelines before sending the pull request

Rearrange section above footer of landing page

As per design suggestion from @nrizvi from issue #38 with a slight change in design is required

Proposed

Required

• Discord section on left
• Email section on right
• On mobile both sections should stack above each other

If you like our project and believe in our goal, please star the project for it to reach others out there

Change the name of deploy bot

Our current bot name for deploying is coderplex-bot, i think it should be renamed to deploy-bot or something as our other bots dont operate under coderplex-bot name. eg. first-timers-bot, tweet-issues-bot
?

test

test

Fields in card of event in landing page should be in each seperate line

Current Status

Proposal

• Each line on the bottom of the card should all be in seperate line following given order :--
• Date/Time
• No. of attendees
• Event fee
• Should look the same in mobile view too

Notes

• Please use Styled JSX, it that doesnt get applied then proceed with inline style

If you like our project and believe in our goal, please star the project for it to reach others out there

Make contributing guide more new contributor friendly

@M-ZubairAhmed
We can use this as reference
https://github.com/freeCodeCamp/freeCodeCamp/blob/staging/CONTRIBUTING.md

Update landing page with...

These features

• Receive updates / call for action (enter email input - goes to Air table)
  • I will send you API link where to post data soon.
• Join the community (Discord link)

Redirect to Home page

Add a link such that clicking on the coderplex logo redirects to the homepage of the website.

Raise a request for CNAME and A records for medium coderplex blog

Raise a request for CNAME and A records for medium coderplex blog https://help.medium.com/hc/en-us/articles/115003415108-Set-up-your-custom-domain-

We will place it under https://coderplex.org/blog

Align title and subtitle for subject page to left for the Responsive case of Tablets.

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The Title and Subtitle should be left aligned to the logo of the subject.

Current Behavior

The title and subtitle in the subject page are being center aligned in case of Tablets, which should be left aligned.

Steps to Reproduce (for bugs)

Your Environment

Tech	Version
OS
browser
etc

Problem running dev server using yarn

I am getting this issue when trying to run dev server.. Need help!

test2

test2ccc

add test deploy to contributing

#20 (comment)
The comment above is a good practice for pr which works on implementation and alike. Comment can be edited to be suitable to be entered into test deploy section of Contributing.md

Change headline in /learn

/learn page:

Change entry from Distributed Computing to Decentralized Systems

Setup testing framework-jest

Instructions

Setup jest testing framework for the app

Notes

• For reference you can take a look at the NextJS example
• Follow best testing practices

profile page bug

Observed :
when clicked 'Submit' with profession field as student or available for hire
an error is thrown asking for company name but there is no company field to fill in.

Expected :
Error should be thrown only when profession is working

Mockups for v2

Discussion thread for design and mock up for next release
This is the task list for Mock-ups designs.

• Learn
  • Learn page
  • Learn/subject page
• Events
  • Events page
• Space
  • Space page
• Landing Page
  • Header
  • Banner
  • Main Content
  • Footer
• Profile Page
  • Self
  • viewed by other community members
• Login
  • login in mobile and desktop
• Branding works
  • Color Palette
  • Logo modifications
• Common UI Elements
  • Buttons
  • Filters and Tags
  • Form elements(Input text, calendars, drop-downs, toggle switches, Labels, check buttons, radio buttons etc)
  • Progress bar
  • Notifications(Successful task completions, errors, info, warnings etc)
  • Icons
  • Pagination
  • Breadcrumbs

• @saiabhijitht

Events page minor changes

• Fix mobile responsiveness for events page
• In future meetups text should be attended => attending

test1

test1 description for bot

test request-info-bot

open in a new tab

When clicking on an individual card in /events , redirected URL should open in a new tab instead of same window

fix urls

Links have old freecodecamp urls.

Add BSD-3-Clause badge

Add the github badge/shield of BSD-3 clause in the read me linking to the license.

Mockups for v1

Mocks milestones

• Landing Static Website
• Learn page
• Space page
• Events page

@saiabhijitht you can share the mockups for the landing page, learn page, events and space in the comments below. Any one is free to comment and give feedback on the mockups, and if you have design skills, feel free to make edits and share your ideas / designs as well :)

Add index to contributing.md

Lets add an index/Table of content to Contributing.md as the file is contains a quite a bit of content making it difficult to skim read.

Please make sure you do read CONTRIBUTING.MD as we have changed a few things and made it a lot simpler for people to contribute.

test5

test5

Suggested titles and description for all pages

Home

Title : Coderplex | Learn, Collaborate and Create with a Community
Description : We're a non-profit startup on a mission to improve the state of tech across India

Learn

Title : Free and Open Source Learning Guides | Coderplex
Description : Curated guides with crowd-sourced recommendations of the best free online resources to learn various modern technologies

Space

Title : Offline Co-learning Spaces | Coderplex
Description : A network of off-learning spaces for autodidacts to come and engage in peer-learning and collaboration

Events

Title : Online and Offline Tech Events | Coderplex
Description : We host frequent online and offline events, from sessions to competitions

Need installation details while using Yarn

There is a note in the contributing document as to use Yarn as Node Package Manger but the installation details are not specified in the document.

I used following for upgrading Node and installation of Yarn:

• npm-windows-upgrade

• Yarn Installation Guide

test2

test2

Suggest better styling for bottom section of landing page

Current status

Scope of improvement

Components involved

• Subscribe section
• Join chat section
• Footer

Few suggestion

• Background color of subscribe or join chat section
• Should or should not merge subscribe in footer
• Placement of follow us icons on center or aside to accommodate subscribe

Technology

CSS
React

Note

• Before sending a pull request please discuss in the comments

Align icon with title in events card

• Currently the icons and text are not horizontally aligned center. I guess it will look better if they were

Update contributing file

Under https://github.com/coderplex/coderplex/blob/master/CONTRIBUTING.md#running-this-project-locally add this as a note

So our team's official policy (for now) is:
We only use Yarn as our official Node package manager, and so we request you to use Yarn instead of npm and commit yarn.lock file.

test under final cnam

descriptions random

CORS

No 'Access-Control-Allow-Origin' header is present on the requested resource, hence events page not showing any activity

Google Analytics?

Why is the site missing Google Analytics? I am sure it's been up for a while now. Please add GA guys :) @duttakapil @M-ZubairAhmed

display nothing, if photo is not present in landing page, event section

Problem

If no image tag is present in the description from meetup api, application crashes

Technology

Basic Javascript
React

Solution

Do not render anything is regex doesnt find any image tags in the description string. This can be found under components/row-events.js

test3

test3

Extract away subscribe section to a component

Proposal

By now subscribe section must have grown in to complexity. It is a wise idea to extract it out into components folder along with the functionality to clean code of landing page.

Technology

React

Add twitter in footer

Objective

Add coderplex twitter account in the footer of the app.

Directions

• Relevant code can be found in components/footer
• Use similar code structure as for other footer social media icons

Note

• Please make sure you read Contributing guidelines before sending the pull request

Description regex

Meetup api's description key sends plain string which included html tags in.

Required

• Filter out image tag and store the image src value
• Remove all html tags
• Then limit the words to be displayed in the page