View Demo · Report Bug · Request Feature
Freepik offers graphic resources for designers and creatives, including free and paid options through a subscription-based model. It's a leading website with millions of users worldwide and additional services like Flaticon and Slidesgo for icons and presentation templates.
We as school students, we've worked on cloning it through a project, and now willing to maintain it and make it open for the community. Currently the project is maintained By 2 Contributors @OmarMHawash and @Yousef-Salah . The last succesful version of the website is deployed in the demo site. We are currently focused on refactoring the code base, more than adding features/fixing bugs, then we will be adding more features to the website.
Checkout The Demo: Live Demo
you will need to have Node.js installed on your computer and Git (or you can download as a zip file). we are using the npm package manager, yarn and pnpm would work perfectly.
- Clone the repository
git clone https://github.com/Yousef-Salah/freepik-cap.git- Change the working directory
cd freepik-cap- Install dependencies and run the app
npm install && npm start- 8+ Pages with Fully responsive layout.
- 34+ Different components.
- Used Packages: Sass, Bootstrap 5.
- Used Features: JSX, Hooks, ContextAPI
- Website Images data is scraped from the internet Selenium driver (for testing only).
- Image searching throughout single search component.
- Implemented SPA for the search page.
(in progress) refactoring the code & file structure
- This project was bootstrapped with Create React App.
- Used Bootstrap to maintain a general resposive layout, with SASS for better stylesheets management.
- ...
- ...
- ...
npx eslint --fix {file_name}.{ext}