Visit a production view of the application here at richen-bloglist
List your favourite blogs! Authenticated and secure, this application was built using NodeJS, ReactJS, MongoDB, ReduxJS, ExpressJS and also includes the following frameworks:
- Cypress for End to End Testing
- testing-library/jest-dom && testing-library/react for Unit Testing
- React Router for routing in React
- ReactStrap for pre-generated React components
- Mongoose for MongoDB
- redux-persist for persistent state management
- bcrypt for hashing passwords
- eslint for linting
Originally making this for the fso2020 course, I've decided to maintain it and showcase it.
It shows knowledge of user authentication, routing, unit testing, end to end testing, state management and production pipelines
git forkorgit clonethis repository and save it locally- run
npm installto get dependencies - for development run
npm run dev-serverandnpm run dev-client- make sure all files in
src/services/point to the correct endpoints
- make sure all files in
- for production run
npm buildto build the ui andnpm run startto start the server- make sure you change the endpoints in
src/services/!!!
- make sure you change the endpoints in
Tests can be ran with the following commands npm run test and npm cypress:run
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-login. Then, make a pull request with your changes and our team will review it.
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 4: Testing Express Servers, User Administration
- Part 5: Testing React Apps
- Part 7: React Router, Custom Hooks, Styling Apps with CSS and Webpack
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.