{"id":15013580,"url":"https://github.com/uttammane1/sephora-full-stack","last_synced_at":"2025-04-11T08:56:49.533Z","repository":{"id":257948379,"uuid":"853376027","full_name":"uttammane1/Sephora-Full-Stack","owner":"uttammane1","description":"Sephora Clone: A full-stack e-commerce website built with the MERN stack (MongoDB, Express, React, Node.js). 🌐✨ It mimics the Sephora experience with a responsive and interactive UI for browsing, searching, and purchasing beauty products. 🛒💄🔍","archived":false,"fork":false,"pushed_at":"2025-03-08T05:10:09.000Z","size":6119,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T06:23:40.742Z","etag":null,"topics":["css","expressjs","html5","javascript","mongodb","nodejs","postman","reactjs","redux"],"latest_commit_sha":null,"homepage":"https://sephora-full-stack.vercel.app/","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/uttammane1.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-09-06T14:31:24.000Z","updated_at":"2025-03-08T05:10:12.000Z","dependencies_parsed_at":"2024-10-18T01:46:39.323Z","dependency_job_id":null,"html_url":"https://github.com/uttammane1/Sephora-Full-Stack","commit_stats":null,"previous_names":["uttammane1/sephora-full-stack"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uttammane1%2FSephora-Full-Stack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uttammane1%2FSephora-Full-Stack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uttammane1%2FSephora-Full-Stack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uttammane1%2FSephora-Full-Stack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uttammane1","download_url":"https://codeload.github.com/uttammane1/Sephora-Full-Stack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248363505,"owners_count":21091373,"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":["css","expressjs","html5","javascript","mongodb","nodejs","postman","reactjs","redux"],"created_at":"2024-09-24T19:44:28.038Z","updated_at":"2025-04-11T08:56:49.524Z","avatar_url":"https://github.com/uttammane1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sephora Clone 🌟\n\n## About the Project\n\nProject Description:- Sephora Clone is a full-stack e-commerce website built using the MERN stack. This project replicates the user experience of the Sephora website, providing a seamless and interactive interface for users to browse, search, and purchase beauty products. It includes both frontend and backend components, offering a fully responsive and pleasant user interface.\n\nYou can view the deployed project here: [Sephora Clone](https://sephora-clone-pi.vercel.app/) 🚀\n\n## Tech Stack 🛠️\n\n- **Frontend**: React, Chakra UI\n- **State Management**: Redux\n- **Backend**: Node.js, Express\n- **Database**: MongoDB\n- **Authentication**: bcrypt, JWT\n- **Packages**: npm (e.g., react-slick for carousels)\n\n## Features ✨\n\n- **Great UI**: Designed with Chakra UI for a modern and responsive layout.\n- **Proper Routing**: Implemented to ensure smooth navigation between pages.\n- **Responsive Design**: Fully adaptable to different screen sizes.\n- **Search Functionality**: Allows users to search for products efficiently.\n- **Sorting Options**: Helps users to sort products based on various criteria.\n- **Multiproduct Page**: Displays a list of products with filtering options.\n- **Single Product Page**: Provides detailed information about each product.\n- **Cart Page**: Allows users to view and manage their selected items.\n- **Login and Signup**: Secure authentication with JWT and password hashing with bcrypt.\n\n## Frontend 🖥️\n\n- Utilized **React** and **Chakra UI** to create a visually appealing and responsive user interface.\n- Managed application states (login, cart, loading) using **Redux**.\n- Implemented various packages via **npm**, including `react-slick` for carousel functionality.\n\n## Backend ⚙️\n\n- Developed server-side logic using **Node.js** and **Express**.\n- Used **bcrypt** for password hashing and **JWT** for token-based authentication.\n- **MongoDB** serves as the database to store user and product data.\n- Sensitive information such as `MONGO_URL` and `JWT_SECRET` is protected using a `.env` file.\n\n## Images 🖼️\n\n### Homepage\n\n![Homepage](https://raw.githubusercontent.com/KaranChauhanji/Sephora_Clone/94fa2654fe3ed212edb1318223fdd86dfad7b4a4/Sephora-Frontend/public/Home.png)\n\n### Multiproduct Page\n\n![Multiproduct Page](https://raw.githubusercontent.com/KaranChauhanji/Sephora_Clone/94fa2654fe3ed212edb1318223fdd86dfad7b4a4/Sephora-Frontend/public/multi.png)\n\n### Single Product Page\n\n![Single Product Page](https://raw.githubusercontent.com/KaranChauhanji/Sephora_Clone/94fa2654fe3ed212edb1318223fdd86dfad7b4a4/Sephora-Frontend/public/single.png)\n\n### Cart Page\n\n![Cart Page](https://raw.githubusercontent.com/KaranChauhanji/Sephora_Clone/94fa2654fe3ed212edb1318223fdd86dfad7b4a4/Sephora-Frontend/public/cart.png)\n\n### Login Page\n\n![Login Page](https://raw.githubusercontent.com/KaranChauhanji/Sephora_Clone/94fa2654fe3ed212edb1318223fdd86dfad7b4a4/Sephora-Frontend/public/Login.png)\n\n### Signup Page\n\n![Signup Page](https://raw.githubusercontent.com/KaranChauhanji/Sephora_Clone/94fa2654fe3ed212edb1318223fdd86dfad7b4a4/Sephora-Frontend/public/signup.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futtammane1%2Fsephora-full-stack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Futtammane1%2Fsephora-full-stack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futtammane1%2Fsephora-full-stack/lists"}