/icons.js Secret
Last active
November 19, 2021 13:15
Instagram clone icons, posts, tabs, and user data
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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', | |
}, | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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!', | |
}, | |
], | |
}, | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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' | |
}, | |
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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