School CMS (PWA) / Reactjs - PHP - Tailwind

A Full-Stack SPA & PWA School CMS Build With Reactjs - PHP - Tailwind / Dark Theme - Light Theme

https://user-images.githubusercontent.com/92695669/158592972-de8e82a6-ba3f-4c7e-95f8-4da452b5e144.mp4

• React 17.0.2
• PHP 8.1
• Tailwindcss v3.0.23
• daisyUI
• Restful API
• MySQL
• PWA
• Dark/Light Theme Support
• Latest Webpack , Babel 7 and Webpack Dev Server ,with Scope Hoisting enabled
• ES6 linting with continuous linting on file change
• Separate CSS stylesheets generation
• Automatic HTML generation

Starting the dev server

1. Make sure you have the latest Stable or LTS version of Node.js installed.
2. git clone https://github.com/am-abazari/school-cms.git
3. cd school-cms
4. cd FrontEnd
5. Run npm install or yarn install
6. Start the dev server using npm start
7. Create my-app Database
8. Import sql2.sql or sql.sql file in my-app Database
9. Put Backend/cms-backend Directory in Xampp/Wampp or ...
10. Change BaseURL to Where Directory/URL Backend Placed
11. Customize Connection.php to Your Own
12. For Avatar Change $DIR Backend\cms-backend\avatars.php To Directory FrontEnd\src\Images\avatars
13. Open http://localhost:3000/
14. Enjoy

Available Commands

• npm start - start the dev server
• npm clean - delete the dist folder
• npm run build - create a optimized build in build folder

Code Coverage

The project is using the Ractjs - PHP - Tailwind. All configurations are located in package.json - Connection.php

The coverage report consists of an HTML reporter, which can be viewed in the browser and some helper coverage files like the coverage json file.

About Author

Amirhossein Abazari Full-Stack Web Developer