https://github.com/dan-niles/react-hackforsrilanka-website

Rebuild of hackfortheglobe/hackforsrilanka_website in React JS, which was previously built with PHP and Jquery
https://github.com/dan-niles/react-hackforsrilanka-website

javascript react

Last synced: 3 days ago
JSON representation

Rebuild of hackfortheglobe/hackforsrilanka_website in React JS, which was previously built with PHP and Jquery

• Host: GitHub
• URL: https://github.com/dan-niles/react-hackforsrilanka-website
• Owner: dan-niles
• Created: 2022-04-16T19:31:26.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-10T00:01:47.000Z (about 2 years ago)
• Last Synced: 2024-04-14T07:28:26.206Z (7 months ago)
• Topics: javascript, react
• Language: JavaScript
• Homepage: https://react-hackforsrilanka-website.vercel.app/
• Size: 5.34 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HackForSriLanka - Website

This project is a rebuild in React JS of [hackfortheglobe/hackforsrilanka_website](https://github.com/hackfortheglobe/hackforsrilanka_website), which was previously built with PHP and Jquery.

### Demo Link

View the site at [https://react-hackforsrilanka-website.vercel.app/](https://react-hackforsrilanka-website.vercel.app/)

### Technologies

Built with React v18.0.0, Material UI v5.6.1 and Bootstrap v5.1.3.

## Development Setup

You need [npm](https://www.npmjs.com/package/npm) to install dependancies. To clone the repository, run:

    git clone https://github.com/dan-niles/react-hackforsrilanka-website.git

    cd react-hackforsrilanka-website

In the project directory, you can run:

    npm install

then run:

    npm start

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

## Things To Do

- ~~**Integrate Alert System:** Created a form for users to subscribe to a particular group. Need to integrate it with Team Illuminati's alert system.~~

- ~~**Search by Location:** Currently search by location form exists, but need to get data from api and populate the select fields.~~

- ~~**Contact:** Contact form needs to be set up with a recipient email address.~~

- **Privacy/Terms:** Need to decide whether to create new pages for privacy/terms or else remove links from footer.

- ~~**Language Translation:** Add option to translate page into Sinhala and Tamil languages.~~

- **Help:** I created a Help Dialog Modal, need to fill it in with screenshots and directions for users on how to use the app.

- ~~**Spinners:** Need to display spinners when loading data from api and submitting forms~~