GTBitsOfGood / GTBitsOfGood/MapScout

[PMT] Convert Mapscout HomePage to the home page of this site

Open
#253 0 comments 0 reactions 1 assignee Claimed by @cduffy8 View on GitHub
Dominant language
TypeScript
Stars
13
Forks
4
PR merge metrics
No merged PRs in 30d

Description

### Overview
The previously written mapscout landing page in svelte can't really be deployed without breaking existing embedded map functionality. We need to rewrite it in React in this project.

### Description
1. The [old landing page can be viewed here](https://home.mapscout.io/) and the [code found here](https://github.com/GTBitsOfGood/mapscout-homepage/blob/develop/src/routes/index.svelte).
2. We want to update [this new landing page](https://github.com/GTBitsOfGood/MapScout/blob/develop/src/components/home/index.tsx)
3. On the new landing page, add two links at the top of the page for [Contact Us](https://bitsofgood.org/contact/) and [About](https://bitsofgood.org/about)
4. Copy the way we set up [feature highlights on the Voluntrack landing page](https://dev.volunteer.bitsofgood.org/) [code here](https://github.com/GTBitsOfGood/VolunTrack/tree/dev/src/screens/LandingPage). You could try asking ChatGPT to convert tailwind to react-bootstrap to make it easier. Move the 3 features into the new landing page (ignore the stuff above the fold "Create beautiful resource maps. ... Get started")
5. Try and use the prismic CDN if possible, but you could also try [embedding the videos directly](https://stackoverflow.com/questions/70185663/how-to-use-a-video-file-in-public-folder-in-next-js).
6. Add the "Our Maps" section to the new landing page as well.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.