Frontend code for the my Bookmarks app.
Built with React / Redux / and Material UI.
- Add in spinners that show while the bookmarks are loading. (maybe this will solve the flash)
- Choosing category in add/edit bookmark form does not always set the state.
- Refactor registration form into seperate component. Right now it is still in the Login component.
- Create a root reducer to easily clear redux state on logout.
- Add button to quickly reset filter.
Use the Docker file in order to run the app locally on your computer. The following should get you up and running:
docker build . -t bookmarks_frontenddocker run -d -p 3000:3000 bookmarks_frontend
Note: If you are running the frontend in seperately from the backend, you will need to set the FQDN in the .env file. If you are going to have the frontend served from the backend then you can leave the FQDN as an empty string.
This project was bootstrapped with Create React App.
Before running any scripts be sure to download all dependencies, npm install.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!
Cypress E2E tests are included in this directory. In order to run the tests, first start the test server (script in backend repo) then run npm run cypress:open. The Cypress browser will open up and you can choose what tests to run from the interface.