Giter Club home page Giter Club logo

esrawameed / teagram Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 29.36 MB

Teagram is a full stack RESTful API social media application allowing users to login/signup and create a user profile with user information and uploaded profile picture. Teagram allows users to upload images, and add/edit captions, or delete their images. Users can view other users uploaded images, add likes, and comments.

License: MIT License

JavaScript 52.78% CSS 18.96% Handlebars 28.26%
bcrypt css dotenv express-fileupload express-handlebars express-session expressjs html javascript mvc

teagram's Introduction

TEAGRAM TEAGRAM

Description

https://tea-gram.herokuapp.com/

As technology contiues to grow, people of all age groups have become more dependant on social media platforms to engage with others. TEAGRAM empowers its users through its networking technology, allowing them to develop meaningfull new connections and friendships. Users can truly stand out, as TEAGRAM gives its users the capability to build a platform, share their knowledge and create captivating content. Furthermore, users can grow their business with TEAGRAM as they share their brand with TEAGRAM's diverse community!

Navigation

Features

  • When clicking on the login icon, users can create an account, or login to an existing account with TEAGRAM
  • Once logged in, the TEAGRAM coomunities posts are displayed on the users feed
  • When clicking on a post within the feed, users can like, comment, and view the users post
  • Through clicking on the gallery icon, users are directed to the gallery page, displaying all their posts
  • When clicking on a post within the gallery page, users can add a caption or delete an existing post of theirs
  • Users can conveniently create a new post by clicking the add icon, where a modal will allow them to upload a media file by clicking on the upload icon
  • Through clicking the profile icon, users can view their profile details and change their profile picture by clicking their current profile picture
  • When clicking the upload profile picture, and selecting an image, a picture preview is displayed.
  • Users can easily logout by clicking the logout icon
  • TEAGRAM is fully responsive and intended for mobile use!

Technologies

HTML HTML HTML CSS HTML JavaScript

HTML Express.js Node.js HTML MYSQL

MVC Dotenv Bcrypt

Deployement

Requirements:

  • JawsDB MySQL
  • Node.js

Images

Mobile view

Screenshot of the Mobile View

Credits

Esra Al-abduljabar

Link to Esra's GitHub Profile

Abed Hasan

Link to Abed's GitHub Profile

Trishane Wijeyawickrema

Link to Trishane's GitHub Profile

License

License: MIT

Copyright (c) 2022 Esra Al-Abduljabar, Abed, Trishane

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

teagram's People

Contributors

abedhasan79 avatar esrawameed avatar trishaneww avatar

Stargazers

 avatar  avatar

Watchers

 avatar

teagram's Issues

.env file

user story
as a web developer i want a .evn file to keep my keys secret
acceptance criteria
it is done when a .env file is created with key infos

setup controllers for each models

user story
as a web developer i want my models to have routes to connect to server
acceptance criteria
it is done when a route for each modles is created

set up connection.js

user story
as a web developer i want to to create a connection file to my database

acceptance criteria
it is done when i have created a connection.js that connects to database

Create Picture Model

As a web developer, I want to create a model for the pictures so picture data can be stored in my data base

create User Model

As a developer, I want to be able to hold information about my user so that I can create their profile.

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.