https://github.com/laksmanayudha/forum-app

Disscussion forum web application with react.js and redux
https://github.com/laksmanayudha/forum-app

ci-cd cypress jest reactjs redux storybook testing-library

Last synced: about 2 months ago
JSON representation

Disscussion forum web application with react.js and redux

• Host: GitHub
• URL: https://github.com/laksmanayudha/forum-app
• Owner: laksmanayudha
• Created: 2022-12-20T22:16:19.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-10T09:21:51.000Z (about 2 years ago)
• Last Synced: 2024-11-05T12:12:58.395Z (3 months ago)
• Topics: ci-cd, cypress, jest, reactjs, redux, storybook, testing-library
• Language: JavaScript
• Homepage: https://forum-app-mu.vercel.app
• Size: 1.11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Design

[Figma](

https://www.figma.com/file/mTQaziKGrmVoVjFooYxo7I/dicoding_forumApp_submissonOne?node-id=0%3A1&t=btb9RYsMPhw6rgd9-1) 

# Deployed App

[ForumApp](https://forum-app-mu.vercel.app/)

# Project Details

Forum App website using React.js with Redux.

This project implement automation testing using Jest, RTL, and Cypress. Also using storybook for Component usage and documentation.

This project using CI/CD with GitHub Action and Vercel.

For testing purpose use `npm run test` then choose option to run all tests, and use `npm run e2e` to run end to end test with Cypress.

# Reducer Function Test

The test file available in each state folder. Tested reducer:

- All states reducer

# Thunk Function Test

The test file available in shared and threads state folder. Tested thunk:

- asyncAddThread

- asyncUpvoteThread

- asyncPopulateUsersThreadsCategories

- asyncPopulateThreadDetailAndThreads

# React Component Test

The test file available in pages and each components folder. Tested component:

- LoginPage

- RegisterPage

- Votes

- ThreadCategory

# End to End Test

- Application login flow in /cypress/e2e/login.cy.js file

# Component Stories

This stories available in /src/stories folder

- ThreadItem

- ThreadCategory

- UserProfile