twitter-clone-backend

KO | EN

gitlite — search

#javascript #python #ai #golang #machine-learning #rust #deep-learning #java #windows #awesome #kubernetes #pytorch #ios #open-source

twitter-clone-backend

(★ 191)

Twitter Clone Backend (Prisma + GraphQL)

파일 탐색기

최종 버전 다운로드 (.zip)

- - index.d.ts
  - index.js
  - prisma-schema.js
- datamodel.prisma
- edit_profile.png
- explore.png
- home.png
- new_tweet.png
- profile.png
- tweet.png
- - schema.graphql
- - fragments.js
  - index.js
- schema.js
- server.js
.gitignore
package-lock.json
package.json
prisma.yml
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Twitter Clone Backend

**NOTE: As of 10-06-2022 at 19:35 IST, I am archiving this repository. It was fun while it lasted**.

Twitter clone backend built with Prisma and GraphQL.

If you are looking for the frontend repo, [click here](https://github.com/manikandanraji/twitter-clone-frontend)

## Core Packages

1. prisma - allows us to define our application models and generates CRUD operations from our defined models
2. graphql-yoga - graphql server
3. jsonwebtoken - authentication

## Features

- Signup / Login
- New Tweet
- Like
- Retweet
- Comment
- View Profile
- Edit Profile
- Search by users, tags, people
- Dark theme / Light theme

## Running locally

### Prisma setup

- You need to have a prisma account
- Make sure to install the prisma cli tool globally in your machine

```bash
	npm i -g prisma

# once you created your account, you can login from the terminal
	prisma login
	```

- Once you logged into your account, you need to create a new prisma project

```bash
	prisma init 
	```

- Copy the 'datamodel.prisma' file in the 'prisma_setup' folder to the root directory

```bash
	cp prisma_setup/datamodel.prisma . # assuming you are present in the root directory
	```

- Then you need to simply deploy the changes you made

```bash
	prisma deploy
	```

### Environmental variables setup

- Create a .env file at the root directory with the following contents

```javascript
JWT_SECRET=<YOUR_SECRET>
PORT=<PORT>
```

Then run <code>npm i && npm run dev</code> to start the development server

## Watch this video on how to setup locally

[![New Tweet](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/new_tweet.png)](http://www.youtube.com/watch?v=d0bUTj56bDU "Twitter Clone Setup")

## Deploying the backend to heroku

First create an heroku account and install the heroku cli globally and login

```bash
npm i -g heroku
heroku login
```

Once logged in, create a new heroku application and push it to the remote 'heroku'

```bash
heroku create
git push heroku master
```

Then you need to manually setup the environmental variables using the heroku dashboard

## UI

### Home
![Home](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/home.png)

### Explore
![Explore](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/explore.png)

### Profile
![Profile](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/profile.png)

### Edit Profile
![Edit Profile](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/edit_profile.png)

### New Tweet
![New Tweet](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/new_tweet.png)

### Tweet
![Tweet](https://raw.githubusercontent.com/manikandanraji/twitter-clone-backend/master/screenshots/tweet.png)

twitter-clone-backend

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

twitter-clone-backend

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README