mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 18:31:09 -05:00
60 lines
2.6 KiB
Markdown
60 lines
2.6 KiB
Markdown
# Changes Made - February 14, 2024
|
|
|
|
## Reactivated Removal
|
|
- Removed all reactivated-related files and configurations
|
|
- Cleaned up old client directory and unused configuration files
|
|
|
|
## Frontend Updates
|
|
- Updated to latest versions of all packages including Vite, React, and Material UI
|
|
- Configured Vite for optimal development experience
|
|
- Set up proper CORS and CSRF settings for Vite development server
|
|
- Improved build configuration with proper chunking and optimization
|
|
- Removed webpack configuration in favor of Vite
|
|
|
|
## Development Environment
|
|
- Created new development startup script (dev.sh)
|
|
- Updated frontend environment variables
|
|
- Configured HMR (Hot Module Replacement) for better development experience
|
|
- Set up proper proxy configuration for API and media files
|
|
|
|
## Configuration Updates
|
|
- Updated Django settings to work with Vite development server
|
|
- Added proper CORS and CSRF configurations for development
|
|
- Improved authentication backend configuration
|
|
|
|
## Park Detail Page Layout Updates
|
|
- Moved Quick Facts section from right column into header section for better information visibility
|
|
- Relocated map from left column to right column to improve content flow
|
|
- Added ride counts (Total Rides and Roller Coasters) to the header status badges
|
|
- Made the Location map card dynamically square, matching height to width
|
|
- Adjusted grid layout to maintain responsive design
|
|
- Added resize handling to ensure map stays square when browser window is resized
|
|
|
|
### Technical Details
|
|
- Modified templates/parks/park_detail.html
|
|
- Restructured grid layout classes
|
|
- Added JavaScript to maintain square aspect ratio for map
|
|
- Added window resize event handler for map container
|
|
- Reorganized content sections for better user experience
|
|
|
|
### Rationale
|
|
- Quick Facts are now more immediately visible to users in the header
|
|
- Map placement in right column provides better content hierarchy
|
|
- Square map provides better visual balance and consistency
|
|
- Ride counts in header give immediate overview of park size
|
|
- Changes improve overall page readability and information accessibility
|
|
|
|
## How to Run Development Environment
|
|
1. Ensure PostgreSQL is running and database is created
|
|
2. Set up your ***REMOVED*** file with necessary environment variables
|
|
3. Run migrations: `python manage.py migrate`
|
|
4. Install frontend dependencies: `cd frontend && npm install`
|
|
5. Start development servers: `./dev.sh`
|
|
|
|
The development environment will start both Django (port 8000) and Vite (port 5173) servers and open the application in your default browser.
|
|
|
|
## Next Steps
|
|
- Set up Netlify configuration for frontend deployment
|
|
- Configure production environment variables
|
|
- Set up CI/CD pipeline
|