Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add About Page with Reusable Components #1

Open
wants to merge 11 commits into
base: main
Choose a base branch
from

Conversation

demilade111
Copy link

@demilade111 demilade111 commented Dec 7, 2024

Description:
This PR introduces the About page, featuring reusable components to enhance consistency across the application. The key additions include:

  • AboutHero: Serves as the main header for the About page.
  • MissionSection: Highlights the club's mission.
  • ValuesSection: Showcases the club's core values.
  • ExecutiveDialog: Displays detailed information about executives.
  • ExecutiveMemberProfileList: Lists executive profiles.
  • ExecutiveMemberProfileCard: Represents individual executive profiles.

Additionally, the following updates were made:

  • State Management: Implemented executiveStore using Zustand for managing executive data with persistence.
  • Routing: Updated App.tsx to include routing for the new About page.
  • Styling: Added gradient styles in index.css for consistent theming on the About page.
  • Environment Configuration: Configured environment variables in .env for API base URL management.

**Additional Information:**
- The `.env` file has been added to `.gitignore` to protect sensitive information.
- Ensure that the environment variable `VITE_BASE_URL` is set in your `.env` file as follows:

VITE_BASE_URL=''

This variable sets the base URL for API requests related to executive data. Ensure the `.env` file is located in the root directory of your project. After adding the variable, restart your development server to apply the changes.

This PR enhances the application's structure by introducing modular components for the About page, facilitating easier maintenance and future updates.

- Implemented AboutHero for the main About page header
- Created MissionSection to highlight the club's mission
- Developed ValuesSection to showcase the club's core values
- Added ExecutiveDialog for displaying executive details
- Built ExecutiveMemberList and ExecutiveMemberProfileCard for displaying executive profiles
- Moved static mission and values data to aboutUsData.ts
- Added Executive type definition in member.ts for consistent type usage
- Implemented fetchExecutives to load executive data on first visit
- Added validateExecutives to check for backend updates
- Enabled persistence using zustand middleware
- Built About page structure using reusable components
- Integrated executive data fetch logic from executiveStore
- Organized sections: Hero, Mission, Values, and Executives
- Added environment variables for API base URL in .env
- Updated tsconfig paths for cleaner imports
- Added global gradient styles in index.css for consistent About page theming
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant