cuhacking / main-website Goto Github PK

Before we split off into our own tasks, we need to establish the apps infrastructure. Add React Router to the project and create a pages directory under src. In here we should have Home.tsx, Events.tsx, and Blog.tsx which correspond to the pages specified in the design.

When finished, you should be able to navigate to /events for the event page and /blog for the blog (/ for the home page, of course).

Create the blog page as specified in the design. Integrate it with our Ghost CMS.

Create the home page as specified in the design.

Create events page as specified in the design: NOTE: We need to decide where the events will be pulled from and how they'll be edited/accessed.

As per the title, In src/components, create common components for the whole app. The footer is supposed to mimic the one we currently have on the current website, with a couple differences:

• It's black (#000000)
• Instead of "Made with ♥..." it says "Black Lives Matter. Support the movement." and points to this link: https://blacklivesmatters.carrd.co/
• The social icons in the middle column are now at the bottom

To list a few. The short description will be changed soon, but it hasn't been decided what that will be yet. Once it's final, be sure to use it as the meta description in public/index.html, like so: <meta name="description" content="..." />.

Be sure to follow the design, and use your intuition if any design elements are unspecified/unclear.