Skip to content

Instantly share code, notes, and snippets.

@Daltonic
Last active November 19, 2021 13:15
Instagram clone icons, posts, tabs, and user data
export const ICONS = [
{
name: 'Like',
imageUrl:
'https://img.icons8.com/fluency-systems-regular/60/ffffff/like--v1.png',
likedImageUrl: 'https://img.icons8.com/ios-filled/60/E74C3C/like.png',
},
{
name: 'Comment',
imageUrl:
'https://img.icons8.com/fluency-systems-regular/60/ffffff/speech-bubble--v1.png',
},
{
name: 'Share',
imageUrl:
'https://img.icons8.com/fluency-systems-regular/60/ffffff/paper-plane.png',
},
{
name: 'Save',
imageUrl:
'https://img.icons8.com/fluency-systems-regular/60/ffffff/bookmark-ribbon--v1.png',
},
]
import { USERS } from './users'
export const POSTS = [
{
imageUrl:
'https://images.pexels.com/photos/92248/pexels-photo-92248.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940',
user: USERS[0].user,
likes: 7870,
caption: 'Train Ride to Hogwarts.',
profile_picture: USERS[0].image,
comments: [
{
user: 'thezaman',
comment: 'This is amazing man!',
},
{
user: 'codedbalam',
comment: 'I wake up, I code, I go back to sleep!',
},
],
},
{
imageUrl:
'https://images.pexels.com/photos/4963919/pexels-photo-4963919.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940',
user: USERS[1].user,
likes: 4721,
caption: 'Fresh greens from the brooks.',
profile_picture: USERS[1].image,
comments: [
{
user: 'prayingmedic',
comment: 'That is how to start your day!',
},
],
},
{
imageUrl:
'https://images.pexels.com/photos/8029710/pexels-photo-8029710.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940',
user: USERS[2].user,
likes: 6220,
caption: 'Work hard, study hard.',
profile_picture: USERS[2].image,
comments: [
{
user: 'blessed',
comment: 'You totally getting that job girl!',
},
{
user: 'mattrix',
comment: 'keep it up girl, you are definitly close!',
},
],
},
]
export const TABS = [
{
name: 'Home',
active: 'https://img.icons8.com/fluency-systems-filled/48/ffffff/home.png',
inactive: 'https://img.icons8.com/fluency-systems-regular/48/ffffff/home.png'
},
{
name: 'Search',
active: 'https://img.icons8.com/fluency-systems-filled/48/ffffff/search.png',
inactive: 'https://img.icons8.com/fluency-systems-regular/48/ffffff/search.png'
},
{
name: 'Reels',
active: 'https://img.icons8.com/fluency-systems-filled/48/ffffff/cinema-.png',
inactive: 'https://img.icons8.com/fluency-systems-regular/48/ffffff/cinema-.png'
},
{
name: 'Shop',
active: 'https://img.icons8.com/fluency-systems-filled/48/ffffff/shop-local.png',
inactive: 'https://img.icons8.com/fluency-systems-regular/48/ffffff/shop-local.png'
},
{
name: 'Profile',
active: 'https://avatars.githubusercontent.com/u/29388627?v=4',
inactive: 'https://avatars.githubusercontent.com/u/29388627?v=4'
},
]
export const USERS = [
{
user: 'Daltonic',
image: 'https://avatars.githubusercontent.com/u/29388627?v=4',
},
{
user: 'Bobby',
image: 'https://randomuser.me/api/portraits/men/31.jpg',
},
{
user: 'Success',
image: 'https://randomuser.me/api/portraits/women/2.jpg',
},
{
user: 'Matt',
image: 'https://randomuser.me/api/portraits/men/60.jpg',
},
{
user: 'Lukas',
image: 'https://randomuser.me/api/portraits/men/59.jpg',
},
{
user: 'Sabrinah',
image: 'https://randomuser.me/api/portraits/women/29.jpg',
},
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment