{"id":15154259,"url":"https://github.com/cletsymedia/admin_dashboard","last_synced_at":"2026-02-15T16:31:59.454Z","repository":{"id":248044996,"uuid":"827395067","full_name":"CletsyMedia/Admin_dashboard","owner":"CletsyMedia","description":"This is a must to do project in fulfilment of ALX_SE","archived":false,"fork":false,"pushed_at":"2024-07-26T01:54:34.000Z","size":1230,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-13T14:36:36.887Z","etag":null,"topics":["auth","authentication","bcrypt","crud","middleware","mongodb","mongodb-database","nextjs","reactjs","tailwindcss","tailwindcss-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CletsyMedia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-07-11T15:15:35.000Z","updated_at":"2024-08-05T09:18:03.000Z","dependencies_parsed_at":"2024-07-12T03:11:29.355Z","dependency_job_id":"09fc7bcc-4ca4-4676-bf4d-1fc54322816e","html_url":"https://github.com/CletsyMedia/Admin_dashboard","commit_stats":null,"previous_names":["cletsymedia/admin_dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CletsyMedia%2FAdmin_dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CletsyMedia%2FAdmin_dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CletsyMedia%2FAdmin_dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CletsyMedia%2FAdmin_dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CletsyMedia","download_url":"https://codeload.github.com/CletsyMedia/Admin_dashboard/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247648928,"owners_count":20972942,"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":["auth","authentication","bcrypt","crud","middleware","mongodb","mongodb-database","nextjs","reactjs","tailwindcss","tailwindcss-plugin"],"created_at":"2024-09-26T17:20:30.583Z","updated_at":"2025-10-05T20:20:15.029Z","avatar_url":"https://github.com/CletsyMedia.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Admin Dashboard\n\n![Admin Dashboard](./public/localhost_3000_dashboard.png)\n\n## 📊 Project Overview\n\n**Admin Dashboard** is a full-stack web application designed to manage user profiles through basic CRUD (Create, Read, Update, Delete) functionalities. This application features user authentication and provides a modern UI for administrators to efficiently manage user profiles.\n\n## 🚀 Table of Contents\n\n- [📊 Project Overview](#-project-overview)\n- [🎯 Learning Objectives](#-learning-objectives)\n- [🛠 Technologies Used](#-technologies-used)\n- [🌐 Third-Party Services Used](#-third-party-services-used)\n- [📦 Installation and Setup](#-installation-and-setup)\n  - [Clone the Repository](#clone-the-repository)\n  - [Install Dependencies](#install-dependencies)\n- [🌟 Features](#-features)\n  - [User Authentication](#user-authentication)\n  - [CRUD Operations](#crud-operations)\n  - [Modern UI](#modern-ui)\n- [📖 Usage](#-usage)\n  - [Authentication](#authentication)\n  - [CRUD Operations](#crud-operations)\n- [📝 Conclusion](#-conclusion)\n\n## 📝 Project Description\n\n**Admin Dashboard** is a comprehensive web application designed to manage user profiles. The application includes:\n\n- **User Authentication:** Basic user login and registration.\n- **CRUD Operations:** Create, view, update, and delete user profiles.\n- **Server-Side Rendering:** Enhanced SEO and performance with Next.js.\n- **Modern UI:** Built with Tailwind CSS for a sleek and responsive design.\n\n## 🎯 Learning Objectives\n\n- Implement CRUD operations for user profiles.\n- Integrate frontend and backend using React (Next.js) for server-side rendering.\n- Develop a responsive UI with Tailwind CSS.\n- Create secure authentication mechanisms with JSON Web Tokens (JWT).\n- Manage user data with MongoDB and MongoDB Atlas.\n- Plan and execute project tasks effectively for a software engineering course.\n\n## 🛠 Technologies Used\n\n- **Frontend:**\n  - [React](https://reactjs.org/) - JavaScript library for building user interfaces.\n  - [Next.js](https://nextjs.org/) - React framework for server-side rendering and static site generation.\n  - [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework for modern design.\n\n- **Backend:**\n  - [Node.js](https://nodejs.org/) - JavaScript runtime environment.\n  - [Express.js](https://expressjs.com/) - Web application framework for Node.js.\n\n- **Database:**\n  - [MongoDB](https://www.mongodb.com/) - NoSQL database for storing user profiles.\n\n- **Authentication:**\n  - [JSON Web Tokens (JWT)](https://jwt.io/) - Standard for secure token-based authentication.\n\n## 🌐 Third-Party Services Used\n\n- **[MongoDB Atlas](https://www.mongodb.com/cloud/atlas)** - Cloud-hosted MongoDB service for database management.\n\n## 📦 Installation and Setup\n\nTo get started with the Admin Dashboard project, follow these steps:\n\n### Clone the Repository\n\n```bash\ngit clone https://github.com/your-username/admin-dashboard.git\ncd admin-dashboard\n```\n\n## Install Dependencies\n\n```bash\nnpm install\nVisit http://localhost:3000/dashboard in your web browser to access the application.\n```\n\n## 🌟 Features\n\n### User Authentication\n\n- **Basic user registration and login functionality.**\n\n### CRUD Operations\n\n- **Create, Read, Update, Delete** user profiles with a modern interface.\n\n### Modern UI\n\n- A clean and responsive design created with [Tailwind CSS](https://tailwindcss.com/).\n- Server-side rendering with [Next.js](https://nextjs.org/) for improved performance and SEO.\n\n## 📖 Usage\n\n### Authentication\n\n- **Register:** Navigate to the registration page to create a new account.\n- **Login:** Log in with your credentials to access the admin dashboard.\n\n### CRUD Operations\n\n- **View User Profiles:** Access the list of user profiles from the dashboard.\n- **Add New User:** Use the form to create a new user profile.\n- **Edit User Profile:** Click the edit button to update user details.\n- **Delete User Profile:** Remove a user profile using the delete button.\n\n## 📝 Conclusion\n\nThe **Admin Dashboard** project showcases the integration of modern web technologies and best practices to create a robust and user-friendly application for managing user profiles. Please note that some features might not be fully functional yet; stay tuned for updates as improvements are continuously made. By leveraging React, Next.js, Tailwind CSS, and MongoDB, this project offers a scalable and maintainable solution for administrative tasks. \n\nFeel free to explore, contribute, and build upon this project. For any issues or enhancements, open an issue or submit a pull request!\n\nThank you for checking out the Admin Dashboard project!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcletsymedia%2Fadmin_dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcletsymedia%2Fadmin_dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcletsymedia%2Fadmin_dashboard/lists"}