This wallpaper site is built using Next.js, a React framework for building server-side rendered applications. The routes in this site are designed to be parallel and intersecting, providing users with an intuitive browsing experience. MongoDB is utilized as the database to store wallpaper data, allowing users to access and download images seamlessly. Tailwind CSS is used for styling, providing a sleek and responsive design. Additionally, Context API is implemented for state management across components.
- Next.js: Provides server-side rendering and enables a smooth user experience with parallel and intersecting routes.
- MongoDB: A NoSQL database used to store wallpaper data such as images and metadata.
- Tailwind CSS: A utility-first CSS framework used for styling the site, offering flexibility and rapid development.
- Context API: Used for state management, allowing components to share data without prop drilling.
To run the Wallpaper Site locally, follow these steps:
- Clone the repository:
git clone https://github.com/lakshmanb-0/wallpaper_spot
cd wallpaper_spot
npm install
- Set up MongoDB:
- Install MongoDB if you haven't already: MongoDB Installation Guide
- Create a MongoDB Atlas account or set up a local MongoDB instance.
- Create a .env.local file in the root directory and add your MongoDB connection string:
MONGODB_URI=your-mongodb-connection-string
npm run dev