Skip to content

In this poject, we have meticulously recreated key components of Pexels.com, encompassing features like the home, video, and upload pages. Utilizing advanced web techniques, I employed the JavaScript Intersection Observer for efficient API fetching and optimized user experience through lazy loading of images.

Notifications You must be signed in to change notification settings

udeaghad/pexels-clone

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Using Docker Compose to run App

How to run the docker file

Using Docker compose

docker-compose -f docker-compose.dev.yml up // note this would be run every day when ever the computer is put on .

if you want to rebuild the docker file us

docker-compose -f docker-compose.dev.yml up --build

if you want to run any command inside of docker #docker-compose run --rm stock eg docker-compose run --rm stock node -v if you want to run a test us

docker-compose -f docker-compose.test.yml up

Project Development route#

http://localhost:3000

docker-compose -f docker-compose.dev.yml exec stock sh

About

In this poject, we have meticulously recreated key components of Pexels.com, encompassing features like the home, video, and upload pages. Utilizing advanced web techniques, I employed the JavaScript Intersection Observer for efficient API fetching and optimized user experience through lazy loading of images.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages