Skip to content

Commit

Permalink
Merge pull request #4 from kpsr01/master
Browse files Browse the repository at this point in the history
Added Level 1 Events Calendar page by kpsr01
  • Loading branch information
MarkVI2 authored Oct 31, 2024
2 parents 38c5a3d + 5f5c3d3 commit 9db3882
Show file tree
Hide file tree
Showing 18 changed files with 18,416 additions and 0 deletions.
23 changes: 23 additions & 0 deletions Level1/kpsr01/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
34 changes: 34 additions & 0 deletions Level1/kpsr01/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
# Pull Request: Customization of React Big Calendar

## Overview

This pull request implements customizations to the React Big Calendar, aligning it with the current teal theme of the Enigma website. The changes include new features that enhance user interaction with events, specifically for dark mode.

## Key Features

- **Teal Theme Integration**: Customized the calendar's appearance to match the teal theme of the Enigma website, ensuring consistency with the overall design.
- **Custom Components for Registration**: Developed custom components that provide direct access to registration links for each event, streamlining the user experience.
- **Default Weekly View**: Set the default view of the calendar to a weekly layout, allowing users to focus on upcoming events.
- **Custom Event Creation**: Users can add their own events and click on them to access registration links.
- **Dark Mode Support**: Currently, the customization is implemented for dark mode using vanilla CSS.

## How to Test

1. **Setup**: Ensure you have the necessary dependencies installed.
2. **Run the Application**: Start the application using `npm start` or `yarn start`.
3. **Access the Calendar**: Navigate to the calendar component within the app.
4. **Test Event Registration**:
- Click on any event to confirm that the registration link is accessible and opens in a new tab.
- Add custom events to verify the addition functionality.

## Screenshots

*(Consider adding screenshots of the calendar to showcase the dark mode and new features.)*

## Future Enhancements

- Expand the customization to support light mode.
- Add user authentication for tracking registrations.
- Implement notification features for upcoming events.

Thank you for reviewing this pull request! Please feel free to reach out with any questions or suggestions.
Loading

0 comments on commit 9db3882

Please sign in to comment.