Dater

This is Dater front-end. It is built using React, Redux & primereact components. User can add events, change admin settings and receive emails.

Back-end github repo

set up

1. Start React server

For dev run: npm i npm start

For production docker run:

docker build -f DockerFile.local -t dater-react-app .
docker run -it --rm --name dater-front -p 5000:80 dater-react-app

Front-end

ToDo:

• Heroku CI/CD
  • configure env settings
  • Deploy front-end
  • Deploy production ready build
• event form
  • Form UI is created
  • uses POST request
  • field validation;
  • User can implement C function
  • user gets a notification if post is successful
• Change event Data
  • Form UI is created
  • uses GET requests for pulling
  • add Delete functionality
  • add proper form fields with css
  • add PUT functionality
  • field validation
  • User can implement U & D functions
  • user gets a notification if delete or post is successful
• Admin view, change email aadress, port and reminder email template
  • UI is created
  • UI uses GET & POST requests
  • field validation
  • Sequential email option (none, every other day, daily)
• Table to display current event´s
  • Table UI is created
  • table gets data from GET request
  • table is sortable
  • User can click on the table field and be redirected to update view
• Mock-data with JSON
  • Create local json-server, to serve API requests, for in-depth FE development.
  • Dockerize json-server.
• Dockerize react app
• create a general calendar view, where ALL dates are displayed (ignore year values).
• Add proper entry and update confirmations (green thumbs up, or smth like that)
• add error handling for API requests
• SMS functionality
  • add sms isEnabled and phone number fields to admin
  • update Log table to handle sms specific data
• convert Bootstrap styling to Prime-react
• Styling
  • Add incorrect field specific css, to signal a field is missing or incorrectly filled.
  • Add loading animations
  • Export all inline styling into a App.css file / styled components
  • Add a manual button for switching themes on the navBar far right side
  • fix mobile view