{"id":27334495,"url":"https://github.com/haksham/artifex","last_synced_at":"2026-04-11T02:02:47.529Z","repository":{"id":286405814,"uuid":"952698076","full_name":"Haksham/ARTIFEX","owner":"Haksham","description":"Web portfolio of an artist","archived":false,"fork":false,"pushed_at":"2025-04-06T08:47:12.000Z","size":6731,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-06T09:27:00.555Z","etag":null,"topics":["cloudinary-api","firebase-auth","html-css-javascript","mongodb-atlas","nextjs","react-icons-component","reactjs"],"latest_commit_sha":null,"homepage":"https://artifexp.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Haksham.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-21T18:10:19.000Z","updated_at":"2025-04-06T08:47:15.000Z","dependencies_parsed_at":"2025-04-06T09:37:45.055Z","dependency_job_id":null,"html_url":"https://github.com/Haksham/ARTIFEX","commit_stats":null,"previous_names":["haksham/artifex"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haksham%2FARTIFEX","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haksham%2FARTIFEX/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haksham%2FARTIFEX/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haksham%2FARTIFEX/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Haksham","download_url":"https://codeload.github.com/Haksham/ARTIFEX/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248581909,"owners_count":21128261,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloudinary-api","firebase-auth","html-css-javascript","mongodb-atlas","nextjs","react-icons-component","reactjs"],"created_at":"2025-04-12T14:38:59.872Z","updated_at":"2026-04-11T02:02:47.454Z","avatar_url":"https://github.com/Haksham.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Artifex Website 🎨\n\nWelcome to **Artifex**, a platform showcasing the stunning artwork of **Paarth Mehta**, a professional painter. This website allows users to explore a gallery of paintings, manage images, and learn more about the artist.\n\n\n---\n\n## 🌟 Features\n\n- **Dynamic Gallery**: View a collection of paintings with a clean and responsive design.\n- **Image Management**: Add, delete, and manage images (admin functionality).\n- **Authentication**: Secure login system using Firebase.\n- **Visitor Counter**: Tracks the number of visitors to the website.\n- **Cloudinary Integration**: Efficient image storage and retrieval.\n- **Responsive Design**: Optimized for all devices.\n\n---\n\n## 🖼️ Interface\n\n### Home Page\n![Home Page](public/images/index.png)\n\n### Image Management\n![Image Management](public/images/add.png)\n\n### About Page\n![About Page](public/images/about.png)\n\n---\n\n## ⚙️ Functionality\n\n1. **Gallery**: Displays images fetched from Cloudinary.\n2. **Add Image**: Upload images with titles and descriptions.\n3. **Delete Image**: Remove images from the gallery.\n4. **Authentication**: Login functionality using Firebase.\n5. **Visitor Count**: Tracks and displays the number of visitors using MongoDB.\n\n---\n\n## 🛠️ Technology Stack\n\n- **Frontend**: React, Next.js, Tailwind CSS\n- **Backend**: Node.js, MongoDB\n- **Authentication**: Firebase\n- **Image Storage**: Cloudinary\n- **Deployment**: Vercel\n\n---\n\n## 📋 Requirements\n\n- Node.js (v16 or higher)\n- MongoDB Atlas or local MongoDB instance\n- Cloudinary account\n- Firebase project with authentication enabled\n- Environment variables:\n  - `NEXT_PUBLIC_FIREBASE_API_KEY`\n  - `NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN`\n  - `NEXT_PUBLIC_FIREBASE_PROJECT_ID`\n  - `NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET`\n  - `NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID`\n  - `NEXT_PUBLIC_FIREBASE_APP_ID`\n  - `CLOUDINARY_CLOUD_NAME`\n  - `CLOUDINARY_API_KEY`\n  - `CLOUDINARY_API_SECRET`\n  - `MONGODB_URI`\n\n---\n\n## 🚀 Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/artifex-website.git\n   cd artifex-website\n   \n2. Install dependencies:\n   ```bash\n   npm run install\n   pip install -r requirements.txt\n   \n3. Run the development server:\n   ```bash\n   - npm run dev\n   - npm run build\n   - npm run start\n   - Open http://localhost:3000 in your browser to view the project.\n\n\n\n## Project Structure\n      artifex_website/\n      ├── app/\n      │   ├── add/\n      │   │   └── page.js          # Add Image Page\n      │   ├── api/\n      │   │   ├── route.js         # API for image management\n      │   │   └── visitor-count/\n      │   │       └── route.js     # Visitor count API\n      │   ├── changes/\n      │   │   └── page.js          # Manage Images Page\n      │   ├── components/\n      │   │   ├── footer.js        # Footer Component\n      │   │   ├── header.js        # Header Component\n      │   │   ├── index.js         # Gallery Component\n      │   │   └── remove.js        # Remove Image Component\n      │   ├── firebase/\n      │   │   └── config.js        # Firebase Configuration\n      │   ├── globals.css          # Global Styles\n      │   ├── info/\n      │   │   └── page.js          # About Page\n      │   ├── layout.js            # Root Layout\n      │   ├── page.js              # Home Page\n      │   ├── sign-in/\n      │   │   └── page.js          # Sign-In Page\n      │   └── utils/\n      │       └── cloudinary.js    # Cloudinary Configuration\n      ├── .gitignore               # Git Ignore File\n      ├── LICENSE                  # License File\n      ├── README.md                # Project Documentation\n      ├── jsconfig.json            # JavaScript Config\n      ├── next.config.mjs         # Next.js Config\n      ├── package.json             # Project Metadata and Scripts\n      ├── postcss.config.mjs       # PostCSS Config\n      └── tailwind.config.js       # Tailwind CSS Config\n\n## Acknowledgments\n  - Cloudinary for image storage.\u003cbr\u003e\n  - Firebase for authentication.\u003cbr\u003e\n  - MongoDB for visitor tracking.\u003cbr\u003e\n  - Next.js for the framework.\u003cbr\u003e\n  - Tailwind CSS for styling.\u003cbr\u003e\n\u003cbr\u003e\n\n# Feel free to contribute to this project by submitting issues or pull requests. Happy coding!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaksham%2Fartifex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaksham%2Fartifex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaksham%2Fartifex/lists"}