This pull request includes significant updates to both the frontend and backend of the application, adding new features and improving existing functionality. The most important changes include adding a profile page, enhancing the authentication flow, and updating the layout and styling.
Frontend Changes:
Profile Page:
Added a new Profile component to display user information, including followers, follows, and posts statistics. (frontend/src/components/Profile.jsx)
Updated App.jsx to include the new Profile route. (frontend/src/App.jsx)
Authentication Enhancements:
Modified the Auth component to include a username field for registration and pre-filled email and password fields for easier testing. (frontend/src/components/Auth.jsx) [1][2][3]
Updated the AppContext to handle user registration and login with API integration. (frontend/src/context/AppContext.jsx)
Layout and Styling:
Improved the layout by adding a header with navigation links and a responsive burger menu. (frontend/src/components/Layout.jsx)
Added new CSS styles for menu items. (frontend/src/App.css)
Backend Changes:
Cross-Origin Resource Sharing (CORS):
Enabled CORS for authentication and profile-related endpoints to allow cross-origin requests from the frontend. (mainframe/src/main/java/com/PiXl/mainframe/controllers/AuthController.java, mainframe/src/main/java/com/PiXl/mainframe/controllers/ProfilesController.java) [1][2][3][4][5]
Profile Service Enhancements:
Added a new method to retrieve profiles by user ID. (mainframe/src/main/java/com/PiXl/mainframe/controllers/ProfilesController.java, mainframe/src/main/java/com/PiXl/mainframe/repositories/ProfileRepository.java, mainframe/src/main/java/com/PiXl/mainframe/services/ProfileService.java) [1][2][3][4]
These changes collectively enhance the user experience by providing a more comprehensive profile view, improving the authentication process, and ensuring smooth communication between the frontend and backend.
This pull request includes significant updates to both the frontend and backend of the application, adding new features and improving existing functionality. The most important changes include adding a profile page, enhancing the authentication flow, and updating the layout and styling.
Frontend Changes:
Profile Page:
Profilecomponent to display user information, including followers, follows, and posts statistics. (frontend/src/components/Profile.jsx)App.jsxto include the newProfileroute. (frontend/src/App.jsx)Authentication Enhancements:
Authcomponent to include a username field for registration and pre-filled email and password fields for easier testing. (frontend/src/components/Auth.jsx) [1] [2] [3]AppContextto handle user registration and login with API integration. (frontend/src/context/AppContext.jsx)Layout and Styling:
frontend/src/components/Layout.jsx)frontend/src/App.css)Backend Changes:
Cross-Origin Resource Sharing (CORS):
mainframe/src/main/java/com/PiXl/mainframe/controllers/AuthController.java,mainframe/src/main/java/com/PiXl/mainframe/controllers/ProfilesController.java) [1] [2] [3] [4] [5]Profile Service Enhancements:
mainframe/src/main/java/com/PiXl/mainframe/controllers/ProfilesController.java,mainframe/src/main/java/com/PiXl/mainframe/repositories/ProfileRepository.java,mainframe/src/main/java/com/PiXl/mainframe/services/ProfileService.java) [1] [2] [3] [4]These changes collectively enhance the user experience by providing a more comprehensive profile view, improving the authentication process, and ensuring smooth communication between the frontend and backend.