Giter Club home page Giter Club logo

tech-in-concert's Introduction

tech-in-concerto

A free tech space for users to share thoughts and technologies to further advance the world of technology

License: MIT

Description

This application will be designed to provide a place for tech developers to publish articles and alow others to comment on them. When accessing the homepage, a user is presented with a Home and Login button in the menu. In the body of the page visitors are presented with "cards" that provide a title, short summary, date create and author. When a visitor clicks on a card, they will be prompted to login in order to read the full article or comment on the article. A loggedin user can then click into a blog and comment on anyone's blog. A logged in user will have a dashboard button that appears on the navigation. The user can then go to their dashboard and see only blogs they've created. Here they can add, edit or delete a blog.

Table of Contents

  1. Installation
  2. Features
  3. Usage
  4. Visual Description
  5. Contributors
  6. Questions
  7. License

Installation

The application is a web package that can be accessed by creating a user.

Features

Features exhibited in this application include:

  • The abilty to create a user
  • The ability to view all full blog posts on the site
  • If logged in:
    • The ability to create their own blogs
    • The ability to comment on any blog
    • The ability to add/edit or delete a blog

Usage

This application is intended to create a creative space for technology brains to work in concert to find new ways to build better and to share their knowledge.

Visual Description

In progress

Contributors

Any user can create a branch, commit their changes and create a pull request to be reviewed. All contributions are welcome!

Questions

Questions can be directed to [email protected] or submitted via my Github account at https://github.com/Moebirdie/tech-in-concert.

License

MIT

tech-in-concert's People

Contributors

moebirdie avatar

Watchers

avatar

tech-in-concert's Issues

Sign up/ Log In Feature

When Login button or dashboard is clicked from the navigation, user will be presented with a login screen.
Login screen features:

  • Option to input username and password
  • Authentication of the username and password
  • Option to create an account
  • Brings user to a create account login screen that allows the user to enter a username and password
  • Adds user to database and encrypts password with bcrypt

Dashboard initial display

Dashboard functionality

  • list all blog posts with user_id = current signed in user
  • option to add a new post

Log In/Log Out functionality

After Authorization process implemented:

  • Login/Logout button needs to reflect status correctly.
  • withAuth needs to be implemented properly on page loads

Home Page

Displays:

  • existing blog posts
  • navigation

When I click on a blog, it checks prompt login if not already logged in.
If logged in, bring to blog post

Dashboard: Delete post

Create DELETE route

From dashboard:

  • click on a post from my list of posts
  • presented with details of the post, plus buttons to delete (or edit, see dashboard: Edit post)
  • when delete is clicked, alert displays asking if you are sure you want to delete this post.
  • on save, blog DELETE is executed
  • returned to dashboard with blog post removed.

Adding comments

Functionality includes:

  • text area to input comment
  • submit to add comment
  • record username and correct blog in post
  • page refresh to display new comment under blog content

Dashboard: add post

Add route for post/blog

When clicking add a new post from the dashboard:

  • prompted for title and content
  • on save, new blog is added to my database with that associated user_id
  • on save, I am taken back to the dashboard and my new blog displays

Navigation

Navigation to include Home Page, Dashboard and Login/Logout links

If not logged in, clicking Dashboard or Login will bring user to login screen

Blog post details

Be sure to include date created!

Must include:

  • post title
  • content/body
  • author/creator username
  • date created
  • comments
  • ability to add a comment

Dashboard: Edit Post

Create PUT route

From dashboard:

  • click on a post from my list of posts
  • presented with details of the post, plus buttons to edit (or delete, see dashboard: Delete post)
  • when edit is clicked, content becomes editable and can be updated.
  • on save, blog PUT is executed
  • returned to dashboard with updated blog post displayed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.