Skip to content

a responsive event page built using React, Redux, Ant Design and Ant Design Pro

Notifications You must be signed in to change notification settings

shangguanwang/antd-event-page

Repository files navigation

Swoovy Event Page

Overview 📝

This Card-based event page allows users to browse different events and filter events.

This project is the take-home assignment for Swoovy.

Features 🌟

  • 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.

Built with 🛠️

React, Redux, Ant Design Pro and Ant Design, CSS

Instructions

If you want to run this project on your local computer, follow these steps:

  1. 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
  1. 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.

Author 👩🏻

Shangguan Wang

💙 If you like this project, Give it a ⭐. I would love to hear your code review feedback as well!

About

a responsive event page built using React, Redux, Ant Design and Ant Design Pro

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published