jiritichy / frontend

Forum Clone - Frontend

The frontend for a forum / social media website built in an effort to learn full stack web development.

Features

• Log in / Register
• Make threads
• Make posts in threads
• Reply to threads and posts
• New posts and actions or posts are pushed live to all users viewing the thread

Technologies

• ReactJS - Frontend framework
• TypeScript
• React Router - React routing
• React-icons - Icons
• Bootswatch - CSS theme
• Bootstrap - CSS framework
• Create React App
• Socket.IO - Websockets to push data out live
• Fuzzy - Fuzzy search communities

To Do

• Upvotes for threads
• Sort threads / posts by upvotes
• If you are an admin of a community, you can delete posts and do other admin
• Search for posts
• Profile thumbnails
• Profile page
  • Profile thumbnail
  • Change password / username
  • View all your upvoted threads / posts (profile page?)

Done

• Upvotes for posts
• Auto load new posts intermittently
• Fix post dates (only saves local time currently)
  • Make the date say posted how long ago
• Communities
  • Each community has threads

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.