Comcamp 22 Website Maejo University

This project is the official website for Comcamp 22, an annual computer camp held at Maejo University. The website provides information about the camp, including the schedule, speakers, and registration process.

If you're seeing this, you've probably already done this step. Congrats!

What is Comcamp?

Comcamp is a youth computer camp that is held annually at Maejo University. The camp is designed to introduce high school students to computer science and programming. The camp is also a great opportunity for students to meet other students who are interested in computer science.

The Promote web page

Web page promoter for Comcamp CS-MJU, Section would include the following

• Index
• About Comcamp
• Learning Scope
• Statistic
• Review
• Benefits
• Timeline
• FAQ
• Contact

Authentication

Handle Authentication for User and Admin

User Information Registration

User Dashboard

User can handling their personal information and evidence, and managing their notification. Which can be list as the following

• User Information
• User Evidence Handle
• User Notification

Admin Control Dashboard

Admin can handling all evidence and message request from user, also sending the message back to the user, and can managing user list

• Request List
• Sent-back List
• User List

Changelog

These list include keep track only important changed, Which can be list as the following

1.0.0 Created:Init Promote web page

1.0.1 Patch: fixed TikTok widget in Contact Section on Promote web page

1.0.2 implemented: Authentication implementation

• Init: Firebase init
• Created: User Authentication
• Created: Admin Authentication

  1.0.3 implemented: User Information Registration implementation

• Created: User Authentication

  1.0.4 implemented: User Dashboard implementation

• Add: user information handler
• Add: payment proof evidence sending system
• Add: parent permission proof evidence sending system
• Add: image and file storage system (Cloudinary)
• Add: user notification handler

  1.0.5 implemented: Admin Control Dashboard implementation

• Add: request handler (user's evidence request)
• Add: sent-back handler handler
• Add: User list
• implemented: filter list on request and User list.
• implemented: sorting properties on request and User list.

  1.0.6 patch & implemented: User and Admin features implementation

  Patch

• Patched: Correct word mistakes
• Patched: UI improvement
• Patched: Input placeholder for user information register
• Add: Add proofs for payment and parent submission
• Interface implemented: UserInfo had contacts object contained such an LineId, Facebook Link, parent telephone and other contact
• Implemented: Edit UserInfo feature
• Implemented: UserInfo Adapting on Admin Dashboard
• Implemented: Delete User feature that will associated to Notification, List, Cloudinary assets, and (not now) User Credential

  1.0.7 patch & implemented: Board & assets implementation

• Patched: Update & add new error handling
• Patched: fixed user info register form data
• Implemented: Add Public relations board
  • Add Board Template components
  • Add Board Editor
  • Add path to navigate to Public relations board -> "/dashboard/public-relation" for user
• Implemented: Add Sponsors logo
• Implemented: Countdown widget on Index page

  1.0.8 patch & implemented: User interface & functionality and UI improvement

  UI/UX Enhancements:

• Implemented: UserDetailWidget to display user information (name, nickname, school, evidence tracking, shirt size).
• Implemented: Swapped component order on homepage to prioritize important information.
• Implemented: Increased date/time font size for better visibility.
• Patched: Corrected website date display.

  Functionality & Restful API Improvements:

• Implemented: MailGrid integration for sending notifications and emails.
• Implemented: Auto-filled notification sender template for ease of use.
• Implemented: "Read" notification marking upon admin approval.
• Implemented: Late evidence submission tracking in the users collection.
• Implemented: Late submission notification and email alert system (over the deadline 5 days after registration).
• Implemented: Created Back-end Restful API for the project

  Bug Fixes:

• Patched: Overflow issue with TikTok Phone frame on footer for tablet devices.
• Patched: Fixed route navigation on the admin dashboard.
• Patched: Updated evidence image preview to show the latest version.
• Patched: UI improvement

  1.0.9 Major Update: Sponsor Management & Data Export To Excel Features

  Sponsorship Enhancements:

• Added: True sponsorship status to sponsor entities.
• Changed: Beneficiary section information to reflect accurate details.
• Updated: Program closing date for better accuracy.
• Implemented: Sponsor list controller for admin actions.
• Implemented: Sponsor list feature with UI on the landing page.
• Added: Secret path for sponsor list editor.

  UI/UX Improvements:

• Fixed: Logo not found issue on Sponsor and updated SponsorPersonCard UI.
• Added: Participant accepted list section on the landing page.

  Data Export To Excel Features:

• Implemented: Data-to-Excel exporter with API service.
• Improved: Route for using data-to-Excel feature.
• Added: Additional data-to-Excel function for handling unsupported types.
• Updated: Data-to-Excel workflow feature.
• Updated: Support for sponsor data-to-Excel exporter.

  Registration Management:

• Added: Disable registration controller.
• Disabled: Registration functionality.

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

# create a new project in the current directory
npm create svelte@latest
## Benefits of attending Comcamp
There are many benefits to attending Comcamp. Some of the benefits include:

# create a new project in my-app
npm create svelte@latest my-app

• Learning about computer science and programming
• Meeting other students who are interested in computer science
• Getting hands-on experience with computer science
• Developing problem-solving skills

Developing

You will also get the opportunity to work on hands-on projects with other students.

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

About this Project

This project was created by Traiphakh Sitthikaew with contributions from Maythawat Mahawan. The project is built using sveltekit kit, Daisy UI and is hosted on CSMJU faculty