Bulletin Board App
Table of Contents
Description
A Bulletin Board App built in React. It has both mobile and desktop view. It based off another github’s code and doing my own alterations. Built the UI/UX in Figma and prototype tested in it as well.
Testing what the app would look like in a mobile display. Testing that the app would work correctly.
UI/UX
Designing the User interface in Figma, the UI components that will be used in the project.
Coding
Cypress Testing E2E
// cypress code for testing new note.
it('tap to make new notes ', () => {
for(let i = 0; i<20; i++){
cy.get('#add').click()
cy.wait(0);
}
})//cypress code before each test
beforeEach(() => {
cy.visit('http://localhost:3000/')
})
Conclusion
Simple app with multiply parts to it. Below is the links to the figma project where all the UI components were designed. A link to the App hosted Heruko and the code host on github.
The app is E2E tested using cypress to ensure that it works correctly.
