This is a Clone project of Behance Website (https://www.behance.net/) This project is made to implement the frontend features and components of behance website. This project is made mainly with technologies:
- React-app
- Tailwind.css
- React-icons.
This project posses feature like iconic bahance header bar following with searchbar and behance-tags. Then on the next part a filter component is rendored which showcase many type of filters and reccomendation which can be implemented or used to filter the rendored data.
Some Key features of the Website:
- Search bar at the top of the page
- Category Dropdown or Menu to sort different categories Projects
- Like an Image - Clicking on the like button simulate likes of the image
- Responsive grid and Grid image zoom in-out on hover
Then the project contain a responsive and attractive grid consist of data contents such as img, name, writter, total likes and views. As a last part , a footer is created with all the essential option needed. It also posses a custom user made fevicon icon.
- install react, node and create a folder and open in editor.
- After opening folder in editor install all dependencies and node modules.
- Install tailwind,css and react-icon. Confirm then in .json file.
- After all this setup download or copy these code files to the project.
- run npm start and projec toj local host.
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
Live link of the project:
- (https://66536d89c5217297dcce1d68--quiet-buttercream-66f100.netlify.app/) This project is hosted on a app Netlify -A free web hosting website.