A Studio Zed project made with React Js
Feel free to use it as a template for your own projects!
Visit Studio Zed!
👋🏻 Report Bug
This project was built using these technologies.
- Install
Node Js
andGit
globally on ur machine. - Clone, download or fork this repository.
- Open the project with your IDE, use "Open Folder method"
- Delete all files that have a ".lock" as file extension.
- Open a terminal inside your IDE workspace.
CD
into the project's directory.- Run
npm install
. - Run
npm start
.
- Run
npm install
. - Run
npm run build
to create an optimized build. - Run
install -g serve
to install serve globally. - Run
serve -s build
to serve the optimized build. - From the terminal, you can see the local address & network address to view the build, copy and paste it in your browser.
- Run
npm run test
to run tests. - There are 1 test suite and 5 tests in total.
- Testing setup can be found in
setupTests.js
& all tests are inApp.test.js
. - Tests are written using Jest & React Testing Library.
- All 5 Tests are currently integrated into the
CI/CD
pipeline. - Example of test output:
PASS src/App.test.js
√ Test home page content (525 ms)
√ Find contact form (156 ms)
√ Find form submit button (38 ms)
√ Test web vitals (2 ms)
√ Test AboutPage (30 ms)
Test Suites: 1 passed, 1 total
Tests: 5 passed, 5 total
Snapshots: 0 total
Time: 4.137 s
- The implementation of the contact form is integrated with
Netlify forms
. - Learn how to set up
Netlify forms
here.