This project is a React-based clone of the CSS Society USM event page, designed to render events from a pre-defined array in events.js. It includes features for viewing detailed event information via clickable event cards and filtering events by academic year.
-
Filter Button Added on Main Page: A filter button was introduced to allow users to quickly search for events based on specific academic years.
- Reason: This enhancement improves user experience by enabling immediate access to events filtered by academic year.
-
"Back to All Events" Button Added on Event Details Page: A new button was added to navigate back to the main event list from the event details page.
- Reason: This addition provides users with a convenient way to return to the event overview after viewing details, enhancing navigation efficiency.
Overall, these modifications maintain the original functionality of the application while improving usability through better filtering and navigation options.
Clone this repo:
git clone https://github.com/WUNLIMZHE/react-cssocietyusm-events-clone.git
cd react-cssocietyusm-events-clone
Running with Node
- Make sure you have Node.JS installed.
Node installation link:
https://nodejs.org/en
- In the directory, install the dependencies using npm install.
npm install
- Run the server:
npm run dev
- Go to http://localhost:5173.
http://localhost:5173