A simple web app to display a1v0's et al. hot tips for London. See the hosted site.
There is no clever database behind this app. Instead, all London tips are included in single array of objects.
The data points we are collecting are as follows (* denotes a mandatory field):
- Name*
- Description bullet points*
- Approximate cost*
- Type/category*
- Location/area*
- Website
This repo is simple enough to use. The key thing to remember is that anything you do on GitHub is in the public domain, so don't put any personal data here that you don't want the world to see.
To begin, you need to create a fork of the repo. A fork is a copy of the repo which lives in your GitHub account. You can make your edits without affecting the main branch of the repo and, when the time comes, we can merge your changes into the main branch.
On the repo homepage, look for the green button near the top that says "Code". Just above and to the right is a button called "Fork".
Click the button, create a fork, and you're ready to go.
The file you will be working with is app/places.js. The file contains instructions on how to add locations.
- Before beginning, go to your fork and press "Sync fork". This will ensure your fork is up to date with the main repo.
- Find the
placesfile in the GitHub file explorer. - In the top-right corner of the code box, click the pencil icon. This will open the file in Edit mode.
- When you're done with your edit, click the green "Commit changes..." button at the top
- Add a commit message in the imperative tense, e.g. "Add British Museum"
Once you have made your edit(s), you will want to push them to the main branch.
- Go to the main page of your fork.
- Click "Contribute" and, in the drop-down, click "Open pull request"
- Add a simple title, e.g. "New locations" and submit the pull request
- I will need to approve your pull request before any of the changes go live
That's all there is to it!
- Create decent home page
- Enable multiple categories per item
- Change the way categories work so that they have a display name. Use OOP to achieve this