richen604 / richen-anecdotes

List your favourite anecdotes in this single-page app! This application was built using NodeJS, ReactJS, MongoDB, ReduxJS, ExpressJS, and many more packages!

richen-anecdotes

Visit a production view of the application here at richen-anecdotes

List your favourite anecdotes in this single page app! This application was built using NodeJS, ReactJS, MongoDB, ReduxJS, ExpressJS and also includes the following frameworks:

• ReactStrap for pre-generated React components
• Mongoose for MongoDB
• eslint for linting

Motivation

Originally making this for the fso2020 course, I've decided to maintain it and showcase it.

It shows knowledge of flux-architecture, managing state with reducers, redux devtools, asynchronous action creators, and production pipelines

Local Development

• git fork or git clone this repository and save it locally
• run npm install to get dependencies
• for development run npm run dev-server and npm run dev-client
  • make sure all files in src/services/ point to the correct endpoints
• for production run npm build to build the ui and npm run start to start the server
  • make sure you change the endpoints in src/services/ !!!

Contributing

Fork this repository. Using the above local development changes.

Make a new branch for your changes and add it to the forked repository you created. Name it related to your fix / refactor eg. hotfix-styling-inputs. Then, make a pull request with your changes and our team will review it.

TODO

The majority of the older commits seem vague and I plan to add a changelog to accommodate. However, for now the exercises in the application can be viewed:

• Part 6: State Management with Redux

Note the links are for Full Stack Open 2021, and this project is based of Full Stack Open 2020. Nothing much has changed in the curriculum from the looks of it.