https://github.com/cwdbutler/Quickpics

Full stack Instagram clone project
https://github.com/cwdbutler/Quickpics

amplify apollo-server docker dokku express graphql nextjs nodejs postgresql prisma redis tailwindcss typescript urql

Last synced: 2 months ago
JSON representation

Full stack Instagram clone project

• Host: GitHub
• URL: https://github.com/cwdbutler/Quickpics
• Owner: cwdbutler
• Created: 2022-01-07T15:36:46.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-02T12:26:43.000Z (about 3 years ago)
• Last Synced: 2024-10-28T23:33:18.437Z (7 months ago)
• Topics: amplify, apollo-server, docker, dokku, express, graphql, nextjs, nodejs, postgresql, prisma, redis, tailwindcss, typescript, urql
• Language: TypeScript
• Homepage: https://www.quickpics.app/
• Size: 1.06 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - cwdbutler/Quickpics - Full stack Instagram clone project (TypeScript)

README

        


# A full stack, single page, responsive Instagram clone

## Users can sign up and edit image posts, and then like, comment, and save them

## Check each directory's README for more detail

# Live App • https://www.quickpics.app • [README](https://github.com/ConorButler/Quickpics/tree/main/client)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=for-the-badge&logo=amazon-aws&logoColor=white)

# Server/API • https://api.quickpics.app/graphql • [README](https://github.com/ConorButler/Quickpics/blob/main/server/README.md)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Apollo-GraphQL](https://img.shields.io/badge/-ApolloGraphQL-311C87?style=for-the-badge&logo=apollo-graphql)

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

![Type-graphql](https://img.shields.io/badge/-TypeGraphQL-%23C04392?style=for-the-badge)

![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)

![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white)

![Redis](https://img.shields.io/badge/redis-%23DD0031.svg?style=for-the-badge&logo=redis&logoColor=white)

![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)

![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)

## [Docker Hub Repository](https://hub.docker.com/repository/docker/cwdb/quickpics-api) • [Integration tests](https://github.com/ConorButler/Quickpics/tree/main/server#tests)

#

## Aims to replicate the key features of Instagram, down to the finer UX details, here are some examples:

### Of course, try out the app to see all of the features I couldn't fit here 🙂





  
Editing images (with upload validation)

  


    


    

    

    


    

    

    


    

    

  

  
Like, comment on, and save posts with instant updates (no refresh required)

  


    


      

    

  

  
Infinite scroll pagination

  


    


  

    

    


    

    

  

    
Register validations

  


  


    

  

    


    

    

    


    

    

  

  
Interaction menu