-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4 from kpsr01/master
Added Level 1 Events Calendar page by kpsr01
- Loading branch information
Showing
18 changed files
with
18,416 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |
Oops, something went wrong.