ahendouz / dribbble-clone

Introduction 💁🏽‍♂️

• Welcome to my simple Dribbble clone. i'm so excited to share this fullStack application with you. you may ask yourself right now what Dribbble is? Well I have the answer. simply, this is an active design community where designers of all varieties can post their shots of whatever they are working on. And as you may see it, I tried to make a clone of the original platform by using GraphGL Yoga and Prisma on the backend and ReactJS and ApolloClient on the frontend. This application is a large project and I’ve learned a ton of stuff from it. I hope all of you will enjoy exploring it and if you have any feedback, you can create an issue and I will be happy to read them all and fix it if it's a bug.

Technologies Used 🤔

• FrontEnd
  • ReactJs ⚛️
  • Apollo-boost Ⓐ
  • Styled-component 💅🏼
• BackEnd
  • GraphQL Yoga
  • Prisma
• Database
  • Prisma

Installation 💪🏼

1. Clone project

   git clone https://github.com/ahendouz/dribbble-clone.git
   

2. cd into folder

   cd dribbble-clone
   

3. Download dependencies

   cd/backend npm i
   cd/backend prisma deploy
   cd/frontend npm i
   

Diagram 🧐

Features ✍🏼

• User Signup | Signin | Signout Functionality 🔒
• Password Hashing 🔁
• Ability To Create Shots 🆕
• Like / Unlike Functionality 👍🏼👎🏼
• Modify your shots 🔁
• Delete Shot 🗑
• User Profile 👤
• Modify Your Profile 🔁
• Favorite Shots 💜
• Delete User 🗑
• Search Functionality 🕵🏽‍♂️

Next Up

• Search Functionality 🕵🏽‍♂️