A boating membership website using ReactJS for frontend, which is talking to a content delivery platform Directus via REST API's, MYSQL for persistence and Bootstrap for layout.
Clone project and optionally change all the default and temporary environment variables for names and passwords in the docker-compose.yml files.
Then run docker-compose up. This will run a react dev server which refreshes on save.
If you want to start with some content structure for pages, news and menu go into the utils folder and run database-restore.sh This will restore the file site.sql in the directus folder
In case you are using content from site.sql you can log in to the membership pages with the temporary credentials below:
- Username: temp@temp.com
- Password: temp123
To log in to Direcus admin gui use the following temporary credentials:
- Username: admin@admin.com
- Password: admin123
JavaScript (ES6), React Hooks, React Context API, SCSS, Bootstrap (based on https://startbootstrap.com/theme/clean-blog),
Created with Create-React-App
In the utils folders you can find script to dump and restore the db from the mysql docker container.
Run database-dump.sh to create a backup of the current directus db.
Run database-restore.sh to restore site.sql from /directus directory.
The solution dynamically supports the following:
- Login to access protected member pages
- News archive with infinite scroll
- Dynamic menu
- Fileuploads (images and other files)