Skip to content

A forum website for dads with ability to track tasks. Built with react, node, mongo, and express.

Notifications You must be signed in to change notification settings

noel3740/dad-overflow

Repository files navigation

Dad-Overflow

About

The life of a parent can be an overflow-ing mess. Need help to sort it out? Then head to Dad Overflow. Developed by Dads for dads.

intro

FEATURES

  • Read and search posts from other dads
  • Create posts to ask or answer questions
  • Comment on existing posts
  • Like your favorite comments
  • Make To-do lists to complete tasks
  • Pick a unique user icon

Link to site

Development Team

  • Chris McLaughlin
  • Noel Nevarez
  • Anton Kogan
  • Min Joseph
  • Cody Jarrett

Steps to Run Application

For Online Usage

Must be a member thats is logged in to use most website features.

For Local Usage

Before you start, be sure to be in command line and "cd" to app's file location. Start by installing front and backend dependencies. While in this app's directory, run the following command:

npm install

This should install node modules within the server and the client folder.

After both installations complete, run the following command in your terminal:

npm start

Your app should now be running on https://localhost:3000. The Express server should intercept any AJAX requests from the client.

How to use Dad-Overflow

Index

Table of Content
A. Sign up
B. Logging in
C. Forum Page
D. Commenting..
E. To Do's
D. Powered By

A. Signing up

Using Desktop

INTRO

  1. On the Top right click login/signup
  2. Four options is avalable for User to choose
  • Sign in with email
  • Sign in with Google
  • Sign in with Facebook
  • Sign in with Twitter

Using Mobile

alt text

  1. On the Top left click hamburger icon to access login/signup button
  2. Four options is avalable for User to choose
  • Sign in with E-mail
  • Sign in with Google
  • Sign in with Facebook
  • Sign in with Twitter

If signing in with E-mail for the first time

Signing up the 1st time

  1. Type your desired E-mail address and click next
  • If you never signed up, name and password questions will appear
  1. Type in your first and last name
  2. Type desired password under 'choose password'
  3. Click save
  4. Select desired profile image using left or right side of the Image Carousel
  5. Press save to finally be a member

Back To Index

B. Logging In

Using Desktop

  1. On the Top right click login/signup
  2. Four options is avalable for User to choose log-in
  • Sign in with email
  • Sign in with Google
  • Sign in with Facebook
  • Sign in with Twitter

Using Mobile

  1. On the Top left click hamburger icon to access login/signup button
  2. Four options is avalable for User to choose to log-in
  • Sign in with E-mail
  • Sign in with Google
  • Sign in with Facebook
  • Sign in with Twitter Forum

Logging in With E-mail

Logging in

  1. After clicking sign up with E-mail, type the email previously used and press the *Next button.
  • If approached with name and choose password question, you likely never signed in with us. Please follow "Signing up" Directions/qustions or use another E-mail address.
  1. Password question should appear.
  2. Press Next button below.
  • If the email and password you entered don't match..
  • Press Trouble signing in?
  • Type Dad-Overflow associated E-mail to recieve directions to change password.
  1. Welcome back to Dad-Overflow!

Back To Index

C. Forum Page

This is the homepage where you find all the posts posted by Dad-Overflow members. This is the is the core feature thats runs this site.

Forum Function

On Desktop computer

Link to "Forum" page is located on the top right of the nav bar. Destop view Forum

On mobile

The link is located in hamburger icon when clicked.

Mobile

Creating a post in the Forum page

In order ask dads a questions:

  1. Press the yellow circle containing a plus sign on bottom right of the page.
  2. Type title to create name the subject.
  3. Type in details bout the subject of your post.
  4. Press Submit when your done.

Back To Index

D. Commenting on a topic

Commenting on posts is simple. This feature is Available in the the forum page.

  1. Click on post you would like to comment in by pressing the header or subject title underlined with green.
  2. You will be directed to a more detailed pager of the post.
  3. Click Post a reply
  4. type in comment
  5. Click the Reply button when you are ready.

Back To Index

E. To-Dos Page

A page where dads can keep track of task that must be done. Be a dad on his "A" game with this feature.

Adding a task

  1. look for the yellow plus circle sign.
  2. click Add a task
  3. type task
  4. Task automatically gets placed under incomplete.

Putting a task under complete or incomplete

You have the choice to either check or uncheck a task by pressing on the box next to your task. a. In incomplete, pressing the box takes the task to complete. b. In complete, pressing the box brings it back to incomplete.

Reedit a task

Simply click on the text in either complete/incomplete sections to make any changes.

Deleting task

You can delete a task in either Incomplete/Complete section simply with the trash can button.

Back To Index

Powered By The Following

Tech New Tech
React.js FireBase Authentication
Node.js Google Domain
Moment.js Flaticon
JavaScript Materialize
jQuery Font Awesome
Cascading Style Sheet AOS Animate Scroll Library
Mongo DB

Back To Index

Back To Top

About

A forum website for dads with ability to track tasks. Built with react, node, mongo, and express.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published