This Card-based event page allows users to browse different events and filter events.
This project is the take-home assignment for Swoovy.
- Events Home Page: display different events
- Filtering: users can apply filters by location and cause categories.
- Pagination: users can view the full list of events on separate pages
- Events Details Modal: users can click on the 'View Details' button and a modal will pop up.
- Navigation Sidebar: go to Events/Teams/Settings page
- Responsive Design: the page will display correctly on different-size screens.
React, Redux, Ant Design Pro and Ant Design, CSS
If you want to run this project on your local computer, follow these steps:
- Navigate to the directory where you want to store this repo, and run the below command in your terminal
git clone https://github.com/shangguanwang/antd-event-page.git
- Navigate to the Repository, and run
npm install
to install any dependencies 3. Run the application
npm start
That's it, you can access http://localhost:8000/
in your browser.
Shangguan Wang
💙 If you like this project, Give it a ⭐. I would love to hear your code review feedback as well!