It consists of a recreation of Twitter, to put into practice both Front-end and Back-end knowledge by implementing the MERN Stack together with other technologies to add more value to the project.

Overview

Twitter-Clone_Back-end

GitHub issues GitHub closed issues GitHub pull requests

GitHub contributors GitHub repo size GitHub language count GitHub forks

Demo.

💻 About the project.

📜 Descriptions.

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

🏆 Specifications.

  • I can see my profile or others' profile

  • When I am on a profile, I can see Tweets and Retweets. I can also filter by Tweets, Tweets and replies, Media and Likes

  • When I am on a profile, I can see followers and following

  • When I am on a profile, I can see follow or unfollow the user

  • I can navigate between Home, Explore and Bookmarks

  • I can navigate to My Profile, Group Chat (optional), Setting/Authentication App.

  • When I am on Home, I can post a new Tweet

  • When I post a new Tweet, I can choose to upload an image and set the Tweet to be public or only-follower

  • When I am on Home, I can see Tweets of people who I follow

  • I can Comment, Retweet, Like or Save a Tweet

  • I can Comment with image and I can like a comment

  • I can see the posted time of the Comments and Tweets

  • When I am on Home, I can see the most popular hashtags and people I should follow (it's up to you how to implement this)

  • When I am on Explore, I can see the Top, Latest Tweet, or Tweet with Media. I can also choose to see the most popular people

  • When I am on Bookmarks, I can see the Saved Tweet

  • I can search for a group

Languages.

Javascript

🎨 Frameworks.

Express Node

💾 Databases and cloud hosting.

Mongo

🛠️ Software and Tools.

Git GitHub ESlint

Heroku

VisualStudioCode

🚀 Getting Started.

📌 Prerequisites and dependencies.

  • Express
  • Mongoose

👉 Installation.

In your local repository

npm install

Executing.

  • Developer
npm run dev
  • Production
npm run start

Collaborators.

  • Mario Quiros Luna
  • Isabel Portuguez Calderón

📝 License.

💬 Contact.

  • Mario Quirós Luna

Website LinkedIn Twitter URL

  • Isabel Portuguez Calderón

LinkedIn Twitter URL

💜 Acknowledgments.

You might also like...

Pass trust from a front-end Algorand WalletConnect session, to a back-end web service

AlgoAuth Authenticate to a website using only your Algorand wallet Pass trust from a front-end Algorand WalletConnect session, to a back-end web servi

Dec 15, 2022

A technology stack solution using the AWS Serverless architecture.Atlas stack for building applications focused on generating value.

Atlas A technology stack solution using the AWS Serverless architecture.Atlas stack for building applications focused on generating value. Description

Dec 15, 2022

A common front-end/Service Worker-based Key/Value database based on CacheStorage

Cache-DB A common front-end/Service Worker-based Key/Value database based on CacheStorage const db = new CacheDB('ChenYFanDB') undefined await d

Sep 30, 2022

Online Inventory Control System for an apparel manufacturing company "CASANOVA" (Pvt) Ltd. Technology stack: Node.js, Express.js, MongoDB Atlas, React.js (MERN Stack).

Project Name - Online Inventory Control System for an apparel manufacturing company "CASANOVA". The project was given a "A" grade. Group Leader - IT20

Dec 26, 2021

A simple in-memory key-value cache for function execution, allowing both sync and async operations using the same methods

A simple in-memory key-value cache for function execution, allowing both sync and async operations using the same methods. It provides an invalidation mechanism based both on exact string and regex.

Dec 15, 2022

An innovative new front-end for Ultraviolet that is prominent in both speed and looks

Lucid Proxy An open-source proxy using the Ultraviolet backend by TN, Lucids purpose is to end internet censorship. Self Host Features CAPTCHA and hCA

Dec 14, 2022

Most of my pride is here. I put a lot of love into this.

Develop Please use yarn npm i -g yarn for dependencies. Npm is really terrible for CI/CD. To start developing, you need to run two commands simulateno

Sep 4, 2022
Comments
  • Add/Fix: Add Verify endpoint and fix login endpoint

    Add/Fix: Add Verify endpoint and fix login endpoint

    Endpoints

    • Sign Up
    • Log In

    Sign Up

    • Use bcrypt for password encryption

    Log In

    • Use bcrypt to crack passwords

    Likes

    • Fix likes with the differents logged in users

    This pull is neccesary for: https://github.com/MarioQuirosLuna/Twitter-Clone_Front-end/pull/62

    opened by MarioQuirosLuna 0
  • Profile

    Profile

    This pull is necessary for the frontend to work: https://github.com/MarioQuirosLuna/Twitter-Clone_Front-end/pull/36

    • Add user schema
    • Endpoints for user, user post
    • Bugs fixing
    opened by MarioQuirosLuna 0
  • User home

    User home

    Add:

    • Schema for post
    • Endpoint for post home
    • Middleware for error
    • Middleware for notFound
    • Request using plugin 'REST Client' in vsCode for test endpoint
    opened by MarioQuirosLuna 0
Owner
Mario Quirós Luna
Estudiante de la Universidad de Costa Rica, Informatica Empresarial, Sede Turrialba.
Mario Quirós Luna
It is a solo Project and In this repo I try to build a E-Commerce full-stack website with MERN stack technologies. For Practice purpose.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Alok Kumar 5 Aug 3, 2022
HackFest is a 36-hour long hackathon wherein you have to put on your hacker hats and build anything that falls in either or both the domain of full-stack web development

HackFest is a 36-hour long hackathon wherein you have to put on your hacker hats and build anything that falls in either or both the domain of full-stack web development (the stack we learn in full-stack web developer roadmap on codedamn).

Shivam Kumar 2 Jun 6, 2022
Open! Inclusive! Collaborative! A community for enthusiasts exploring new technologies, working on innovative ideas and helping each other grow together. Open Issues, Raise ideas, Make Pull Requests!

About Us OplnCo previously known as Devstucom represents Open Inclusive Collaborative. We as a community help our fellow students build skills through

OpInCo Community 4 Oct 13, 2022
This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

WMouton 2 Dec 25, 2021
This is just a script I put together to check and notify me via email (MailGun) when there's an earlier date before my initial appointment date. It doesn't handle rescheduling.

US-visa-appointment-notifier This is just a script I put together to check and notify me via email (MailGun) when there's an earlier date before my in

Theophilus Omoregbee 13 Jan 4, 2023
There can be more than Notion and Miro. Affine is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.

AFFiNE.PRO The Next-Gen Knowledge Base to Replace Notion & Miro. Planning, Sorting and Creating all Together. Open-source, Privacy-First, and Free to

Toeverything 12.1k Jan 9, 2023
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers

PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati

null 9 Oct 5, 2022
This blog is still under development! I present a project scope for science articles, it can now be used in production! But there are some details that need to be put up front.

Science-Blog ?? Attention! This blog is still under development! I present a project scope for science articles, it can now be used in production! But

Raissadev 2 Sep 19, 2022
We are students of group named "Special-Team" of GоIT academy. We graduated JavaScript course and for consolidate in practice 📌 knowledges received on this course, we together 🤝 developed graduation project

Проект сайту "Filmoteka" Привіт! ?? Ми студенти групи під назвою "Special-Team" академії GоIT ?? ?? Ми закінчили курс JavaScript і для того, щоб закрі

Oksana Banshchykova 12 Jan 3, 2023
Web-Technology with Aj Zero Coding. In this tutorial we learn front-end and back-end development.

Installation through NPM: The jQWidgets framework is available as NPM package: jQuery, Javascript, Angular, Vue, React, Web Components: https://www

Ajay Dhangar 3 Nov 19, 2022