Skip to content

codewithMycah/techquick

Repository files navigation

Web Development Final Project - TechQuick

Netlify Status

Submitted by: Mycah Accad

This web app: TechQuick is a commmunity-driven app where people drop their smartest tech shortcuts and everyday computer tricks. It's the place you visit when you want a tiny upgrade to your day

Time spent: 30 hours spent in total

Required Features

The following required functionality is completed:

  • Web app includes a create form that allows the user to create posts
    • Form requires users to add a post title
    • Forms should have the option for users to add:
      • additional textual content
      • an image added as an external image URL
  • Web app includes a home feed displaying previously created posts
    • Web app must include home feed displaying previously created posts
    • By default, each post on the posts feed should show only the post's:
      • creation time
      • title
      • upvotes count
    • Clicking on a post should direct the user to a new page for the selected post
  • Users can view posts in different ways
    • Users can sort posts by either:
      • creation time
      • upvotes count
    • Users can search for posts by title
  • Users can interact with each post in different ways
    • The app includes a separate post page for each created post when clicked, where any additional information is shown, including:
      • content
      • image
      • comments
    • Users can leave comments underneath a post on the post page
    • Each post includes an upvote button on the post page.
      • Each click increases the post's upvotes count by one
      • Users can upvote any post any number of times
  • A post that a user previously created can be edited or deleted from its post pages
    • After a user creates a new post, they can go back and edit the post
    • A previously created post can be deleted from its post page

The following optional features are implemented:

  • Web app implements pseudo-authentication
    • Users can only edit and delete posts or delete comments by entering the secret key, which is set by the user during post creation
    • or upon launching the web app, the user is assigned a random user ID. It will be associated with all posts and comments that they make and displayed on them
    • For both options, only the original user author of a post can update or delete it
  • Users can repost a previous post by referencing its post ID. On the post page of the new post
    • Users can repost a previous post by referencing its post ID
    • On the post page of the new post, the referenced post is displayed and linked, creating a thread
  • Users can customize the interface
    • e.g., selecting the color scheme or showing the content and image of each post on the home feed
  • Users can add more characterics to their posts
    • Users can share and view web videos
    • Users can set flags such as "Question" or "Opinion" while creating a post
    • Users can filter posts by flags on the home feed
    • Users can upload images directly from their local machine as an image file
  • Web app displays a loading animation whenever data is being fetched

The following additional features are implemented:

  • A dedicated profile page has been added where each user can view their published posts and managed their pinned posts
  • Users can pin posts from other creators directly to their own profile, making it easier to showcase helpful or favorite content
  • Posts support custom tags, allowing for better organization, quicker discovery, and cleaner filtering across the web app.

Video Walkthrough

Watch Full Video Walkthrough here

Authentication

Video Walkthrough

Adding post using a form

Video Walkthrough

Editing an existing post

Video Walkthrough

Adding a comment

Video Walkthrough

[RESUBMITTED] Reposting other user's post and add more content

Video Walkthrough

Upvote post and pinning post to profile

Video Walkthrough

Filter

Video Walkthrough

Switching between light and dark mode

Video Walkthrough

Responsive Layout

Video Walkthrough

GIF created with ScreenToGif

License

Copyright [2025] [Mycah Accad]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors