Code Monkey home page Code Monkey logo

react-forum-system's Introduction

React Forum System

React Forum System (RFS) aims to provide a simple, yet effective forum system with the latest cutting-edge techonologies out there in the market.

Check this project life at http://reactivecommunity.com and join the community now!

What techonologies does RFS uses?

RFS uses the following technologies to provide the best development experience plus the best performance possible for the users:

Frontend

  • React 16
  • GraphQL
  • Apollo Boost
  • Cratebox & Cratebox React
  • React Helmet
  • And many more!

Backend

  • Node 10
  • Express
  • Express GraphQL
  • MongoDB
  • Mongoose
  • And many more!

It also makes use of yarn workspaces to provide a single monorepo where to keep all of the code in just one place.

How to get started

To get started using RFS you need to:

  1. Clone: git clone https://github.com/alexvcasillas/react-forum-system.git
  2. Navigate to the project folder: cd react-forum-system
  3. Install dependencies: yarn install
  4. Run the backend: yarn backend:dev
  5. Run the frontend: yarn frontend:dev
  6. Navigate to http://localhost:3000 and start developing! :)

How to build

We're currently working on this feature so please be patient.

How to deploy

We're currently working on this feature so it will be available soon. Our service will be hosted at Zeit for free, or that's our intention at the moment.

react-forum-system's People

Contributors

alexvcasillas avatar colshacol avatar lasseborly avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

react-forum-system's Issues

ROADMAP

Here is the Roadmap for the next few days/weeks.

  • Redesign layout. Navigation must be above the rest to fit well on regular screens (mine's too wide)
  • Fix the user avatar when replying.
  • 3rd party authentication with Passport.js (Twitter, Google, Github). We have to debate about implementing it as separate REST endpoints or implement it within the GraphQL endpoint as separate mutations.
  • Add flow to frontend (maybe to backend too?).
  • Add amount of replies to the thread item in the list.
  • Add feedback to account creation process.
  • Add a profile view.
  • Generate slugs for communities. This way we can prevent creating communities with the same "name" (slug) and we can replace the ids at the querystring with the slug for a nicer url.
  • Implement URL masking

Feel free to add more elements to this list by replying to it so we set a nice roadmap.

Component to hold Query data

I have to try to create a component that will hold the data that comes from a Query component, so I can just render the component itself and keep state there so I won't see: list -> loading -> list because that's so annoying, I have to give a try, maybe React is smart enough to just render the diff :)

Plaftorm name

A name has to be given to this platform because I believe React Forum System (RFS) doesn't make justice to the project. So, what are your thoughts about 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.