Coder Social home page Coder Social logo

folkwise-io / devcollective.io Goto Github PK

View Code? Open in Web Editor NEW
46.0 46.0 25.0 4.42 MB

DevCollective.io is an open source community of developers, by developers, for developers. If you like what we're doing, don't pay us. Just pay it forward. How? Check out the Discussion and Issues tabs. We're a diverse, inclusive and newbie-friendly project.

Home Page: https://DevCollective.io

License: MIT License

Shell 0.32% JavaScript 20.83% TypeScript 77.28% HTML 0.26% SCSS 1.32%
bootcamp community express frontend graphql javascript junior-developer postgresql react webpack website

devcollective.io's People

Contributors

brandongit2 avatar chrisdipiero avatar claudealdric avatar coderdill avatar dinaporia avatar emsad87 avatar ericamcar avatar heathernoto avatar iamdarshshah avatar jalcantara88 avatar joeylking avatar juliannevela avatar just-hosam avatar kharakkular avatar kirontoo avatar monarchwadia avatar rahulj93 avatar rahulpatelio avatar richardkentng 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

Watchers

 avatar  avatar  avatar  avatar

devcollective.io's Issues

Create .env file for the ports

  • - A new, gitignored file called/dev-overrides.env will allow developers to override env variables in development environment.
  • - This override system should not affect test environments.

For example, if dev.env contains:

FOO=1
BAR=2
BAZ=3

And dev-overrides.env contains the following:

FOO=2

Then the result will be

FOO = 2
BAR = 2
BAZ = 3

Clean up AuthRouter code

AuthRouter code is well-tested, but not well-written. Refactor the code so that it functions the same way, but is clean.

User View

The User page:

  • Is public.
  • When the user is logged in, allows the user to edit their own information.
    • Don't allow users to edit other users' information.
  • Shows a list of the user's most recent posts. Clicking on the post takes the viewer to the post itself.
  • Shows a list of the user's most recent comments. Clicking on the post takes the viewer to the comment itself.

"New Post" page UX/UI

The New Post page is currently unstyled and needs some love.

This is a visually creative task, has a lot to do with UX/UI. If you pick this up, it would be amazing if you could please post screenshots with your PR and be open to visual feedback.

It should be visually consistent with the Community page and the rest of the platform. Please make sure to use styled-components.

Oh, and do not modify the Markdown Editor component's editor themes. There will be separate tickets for that.

Getting Started

Click "New Post" on the community page, and you'll see it.

image

Sign In & Sign Up Form Fix

Currently, the Sign In & Sign Out forms all say "First Name" above every field. Fix to match corresponding field.

View Post page

  • User can see the current post's title, date, author and community name.
    • The author name is clickable.
    • The community name is clickable.
  • Markdown syntax highlighting is correct for JS, JSX, TS, HTML, CSS, SCSS (if available), Python, Bash (if available), JSON (if available).
  • User can edit or delete the post if they're the ones who created it.

Config data validation and coercion using Yup

Currently, we are not running any validation on the data received from configs except simple presence/absence of the value. See screenshot.

image

We are also simply converting the data from string to number in a few places. See screenshot.

image

Instead of these methods, use Yup to validate and convert data in the configProvider.

Create/Edit Post

  • As a user, I can create a post.
  • As a user, I can edit the post.
  • I can delete the post, but only if I created it.

Article Idea: DC.io yarn pristine / dev

The DevCollective.io project has a very smooth first-time run experience. You can get a full FE, BE and dockerized DB running with 3 commands, (install. dev. pristine.) It is a great example of good UX for open source projects, and can be spoken about.

Things to learn: Docker, Yarn, a bit of Postgres, also a cool webpack pattern where you embed Webpack inside Express.

P.S. Monarch has a good idea about what this article should contain. Talk to him after you pick this one up.

Toast notification timeout and animation

Currently, the toast notifications are being populated with dummy data, and are static. Make it so that toast notifications have a setTimeout and an animation countdown (similar to that on mintbean.io)

  • Notifications should open with an animation.
  • Each notification be configured to have a timer. Notifications with a timer should have a countdown bar, similar to mintbean.io
  • Notifications should close with an animation when you click "close"
  • Notifications should close with an animation when the countdown timer expires.

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.