Skip to content

ksowah/TWITTER-CLONE

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Visuals

  • Login Page

  • login-image

  • Home Page

  • home-page-image

  • Tweet

  • tweet-image

  • Post

  • post-image

  • Me

  • kelvin-image

Description

Today I completed a Project I've been working on. It is a clone of twitter. Users can sign in and make posts, comment and like other posts from other users I built it with React JS, Next JS and made use of Next Auth to persist users Login state. Images posted by users are uploaded to firebase cloud storage after which a URL to that image is pushed to firebase firestore ( A no SQL database ) along with some other user data. These data is then rendered on the server and displayed to the users. Visit the Twitter Clone and make a post, like, leave a comment on other posts, basically do anything you would do on Twitter. You can leave a feedback for me as a tweet as well.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.