dwigoric/ccapdev-web-app

Source code for CCAPDEV MCO, Term 3 AY 2022-2023. Code in this repository depends on the API deployed with code from https://github.com/Dwigoric/CCAPDEV-Server-App.

Compact Donuts

This is the forum for the Compact Donuts project. This is for partial fulfillment of the requirements for the course CCAPDEV.

Customize API endpoint

The API endpoint is set to https://compact-donuts.azurewebsites.net by default. You can change this by setting the VITE_API_URL environment variable.

You can do this by cloning the example.env file and renaming it to .env. Then, change the value of VITE_API_URL to your desired API endpoint.

Alternatively, you can also set the VITE_API_URL environment variable directly in your terminal before running the npm run dev command.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint

ccapdev-web-app's Issues

Search functionality

Make user edit modal

Post-specific page layout

Edit profile image

Forum page layout

Make post container clickable to view the post itself

Implement register/login flow

Add back button from post

Homepage layout

Validation of forms

Frontend form validation

Validate all forms in the frontend portion. Like the login and registration form, which validates the format of the input, do this for the other inputs (for example, format of comments and posts). Additionally, the username on registration must only accept alphanumeric characters. This can be done using regular expressions, which you can test here and refer to this cheatsheet.

Post upvote/downvote

Nested comments

Include creation date of post and comment

Indicate post and comment if edited

Post edit/delete

Layout of each post in the forum page

Profile page

Create sitewide CSS

Visit profile for all users, not just logged in user

Create sidewide navbar

References in "About" page

Implement a new view component, perhaps called AboutView.vue for this feature.

Register page

Comment edit/delete

Display user's comments in profile page

Reflect post deletion on profile page

Profile edit page