https://github.com/ddanielsantos/cloneboxd

An open-source Letterboxd clone
https://github.com/ddanielsantos/cloneboxd

graphql jest koa nodejs react relay typescript vite

Last synced: 5 days ago
JSON representation

An open-source Letterboxd clone

• Host: GitHub
• URL: https://github.com/ddanielsantos/cloneboxd
• Owner: ddanielsantos
• Archived: true
• Created: 2021-08-13T13:32:41.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-22T22:55:28.000Z (10 months ago)
• Last Synced: 2024-08-01T21:59:19.699Z (3 months ago)
• Topics: graphql, jest, koa, nodejs, react, relay, typescript, vite
• Language: TypeScript
• Homepage: https://cloneboxd.vercel.app/
• Size: 6.04 MB
• Stars: 25
• Watchers: 3
• Forks: 4
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cloneboxd



  

  



### What is Cloneboxd?

Cloneboxd it's a web application based on [Letterboxd](https://letterboxd.com), it uses primarly JavaScript both on the frontend and backend, the data about movies and persons come from the [The Movie Database API](https://developers.themoviedb.org/3), other data are stored on [MongoDB Atlas](https://www.mongodb.com/). You can find more about the stack [here](#stack)

### Demo

Just like Letterboxd, you can log/review the movies you watch



  



Search about a movie



  





  



See what other people are talking about that one you like



  



Engage on a discussion



  



Rethink your opinions



  



Or simply regret what you just said



  



### Stack

#### Frontend

- [React](https://reactjs.org/) to compose the UI

- [Relay](https://relay.dev/) to communicate with the GraphQL server and manage the data fetching declaratively

- [React Router](https://reactrouter.com/docs/en/v6) to manage the routes

- [Chakra UI](https://chakra-ui.com/) to help with the styling and accessibility

- [Vite](https://vitejs.dev/) to improve bundling and development

#### Backend

- [NodeJS](https://nodejs.org/en/) to run the server

- [Koa](https://koajs.com/) to manage HTTP requests and responses

- [GraphQL](https://graphql.org/) to manage the data communication with the frontend declaratively

- [MongoDB](https://www.mongodb.com/) to store the data in a scalable way using NoSQL

- [Mongoose](https://mongoosejs.com/) to help data modeling and querying in MongoDB

### Want to contribute?

Cloneboxd is open to contributions, if you want to help with the development of the application, please open an issue or pull request.