VIA Outdoors is a forum that enables users to browse posts created by other users, like said posts and comment on them.
Each user's profile information can be edited - you can add/change your profile picture as well!
This is where users can browse posts and sort/filter them. You can click "Show More" to see the full post or "Delete" to directly delete it if it is your own post.
If you are logged in, you will see all posts and will be able to click "Show More". Also, you will be able to create a post from the Home page.
Clicking on your avatar will open a dropdown menu of options.
Here you can set the title and content of the post you would like to create. Clicking on Create Post will upload the post and redirect you to Home. Clicking on Back will return you to the last page you were on.
Clicking on any post's "Show More" button will redirect you to this page. You can find more information about the post and leave/view comments left on it.
My profile shows you all the information about your profile and allows you to edit it. Here you also have the option to delete your profile.
My posts is pretty self-explanatory, as is My Comments - they show the logged user's posts and comments.
If you are an admin, you will be able to access the admin dashboard.
When clicking on the admin dashboard, you are redirected to a page where you can select to see all users or all posts. There you can edit/remove posts and admin/unadmin/block/unblock/delete users.
Since the page isn't hosted, you have to locally run the code. The database is handled by Firebase Realtime Database.
Requirements: VSCode, Git Bash
Copy the github repo link or use the link below:
https://github.com/GIPHY-Web-Team-Project/VIA-Outdoor-Forum.git
Go in the directory you want to run the code in. Right-click on an empty space in that directory (not on any icon/folder/app) and select "Open Git Bash here".
In the Git Bash Console, write
git clone https://github.com/GIPHY-Web-Team-Project/VIA-Outdoor-Forum.git
You can close the Git Bash Window after it is done.
Open the newly-created folder inside of Visual Studio Code and open a terminal with the directory set to the VIA-OUTDOOR-FORUM folder.
In the console, type:
npm install
and press Enter. When that is finished, type:
npm run dev
and wait for it to finish.
Open the provided link in the console to view the website and interact with it!