{"id":20425838,"url":"https://github.com/mmansy19/e-commerce-website","last_synced_at":"2025-07-25T00:16:35.281Z","repository":{"id":237104824,"uuid":"790434652","full_name":"MMansy19/E-Commerce-Website","owner":"MMansy19","description":"The E-commerce website is a full-stack application built using React, Firebase, Tailwind CSS and Material UI","archived":false,"fork":false,"pushed_at":"2024-05-31T12:28:50.000Z","size":78585,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-31T13:43:28.761Z","etag":null,"topics":["figma","firebase","material-ui","react-components","react-hooks","react-router","react-router-dom","reactjs","responsive-web-design","rest-api","tailwind-css","tailwindcss"],"latest_commit_sha":null,"homepage":"https://e-commerce-mansy.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/MMansy19.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-04-22T21:49:27.000Z","updated_at":"2024-05-31T12:29:18.000Z","dependencies_parsed_at":"2024-05-31T13:54:30.954Z","dependency_job_id":null,"html_url":"https://github.com/MMansy19/E-Commerce-Website","commit_stats":null,"previous_names":["mmansy19/e-commerce-website"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MMansy19%2FE-Commerce-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MMansy19%2FE-Commerce-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MMansy19%2FE-Commerce-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MMansy19%2FE-Commerce-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MMansy19","download_url":"https://codeload.github.com/MMansy19/E-Commerce-Website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224742395,"owners_count":17362232,"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":["figma","firebase","material-ui","react-components","react-hooks","react-router","react-router-dom","reactjs","responsive-web-design","rest-api","tailwind-css","tailwindcss"],"created_at":"2024-11-15T07:14:24.952Z","updated_at":"2024-11-15T07:14:25.579Z","avatar_url":"https://github.com/MMansy19.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# E-Commerce Website 🙌\n\nThe E-commerce website is a full-stack application built using React with Vite as the bundler. It incorporates Tailwind CSS for styling and Material UI for components, offering a sleek and modern user interface. The platform provides essential functionalities such as signup and login for users to access their accounts, wishlist and cart pages for managing items, search functionality to easily find products, and a profile section for personalization. Furthermore, it includes checkout processes with support for coupons and purchasing, ensuring a seamless shopping experience for customers.\n\n\n  \u003cimg  src=\"public/assets/Screenshots/0.png\" alt=\"Home\"\u003e\n\n## [🌟Live Website🌟](https://e-commerce-mansy.vercel.app)\n\n## [🌟Design on Figma 🌟](https://www.figma.com/file/yn2DFQJla0UiSMvomFsqwT/E-Commerce-Website-%D9%90Almdrasa?type=design\u0026mode=design\u0026t=fqPRRAQH5lDJGmoY-0)\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Set Up ](#set-up)\n- [Screenshots](#screenshots)\n- [Contact](#contact)\n\n\n\n## Featured Skills\n\n1. **React**: Utilized for building the frontend interface, providing dynamic and interactive components.\n2. **Vite**: Employed as the build tool to optimize and bundle the project for production.\n3. **Tailwind CSS**: Integrated for responsive and customizable styling, enhancing the visual aesthetics of the website.\n4. **Material UI**: Leveraged for pre-designed components and UI elements, facilitating rapid development and maintaining consistency in design.\n5. **Full-stack Development**: Implemented both frontend and backend functionalities, ensuring end-to-end functionality and user experience.\n6. **User Authentication**: Implemented signup and login features to authenticate users and secure their accounts.\n7. **Wishlist and Cart Management**: Developed functionalities to add, remove, and update items in the wishlist and cart, enhancing user engagement and convenience.\n8. **Search Functionality**: Implemented a search feature to enable users to find products efficiently based on their preferences.\n9. **Checkout Process**: Designed a seamless checkout process with support for applying coupons and completing purchases, streamlining the buying journey for users.\n\n## Technologies Used\n\n- **React**: JavaScript library for building user interfaces.\n- **Vite**: Fast, modern build tooling for frontend development.\n- **Tailwind CSS**: Utility-first CSS framework for rapid UI development.\n- **Material-UI**: React components for faster and easier web development.\n- **Custom Hooks**: Utilized custom React hooks for managing state and logic efficiently.\n- **Git** (for version control)\n- **Responsive For Mobile**\n\n## Set Up\n\nTo set up and run the project locally, follow these steps:\n\n1. Clone the repository to your local machine:\n\n   ```bash\n   git clone https://github.com/MMansy19/E-Commerce-Website.git\n   ```\n\n2. Navigate to the project directory:\n\n   ```bash\n   cd E-Commerce-Website\n   ```\n\n3. Install the project dependencies:\n\n   ```bash\n   npm install\n   ```\n\n4. Install `i18next` for internationalization:\n\n   ```bash\n   npm install i18next\n   ```\n\n5. Install `react-i18next` for React integration with i18next:\n\n   ```bash\n   npm install react-i18next\n   ```\n\n6. Install `flowbite-react` for UI components:\n\n   ```bash\n   npm install flowbite-react\n   ```\n\n7. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n\n## Screenshots\n1. E-Commerce HomePage\n  \u003cimg  src=\"public/assets/Screenshots/E-Commerce HomePage.jpg\" alt=\"E-Commerce HomePage\"\u003e\n2. Sign Up\n  \u003cimg  src=\"public/assets/Screenshots/Sign Up.jpg\" alt=\"Sign Up\"\u003e\n3. Log In\n  \u003cimg  src=\"public/assets/Screenshots/Log In.jpg\" alt=\"Log In\"\u003e\n4. Product Details page\n  \u003cimg  src=\"public/assets/Screenshots/Product Details page.jpg\" alt=\"Product Details page\"\u003e\n5. Wishlist\n  \u003cimg  src=\"public/assets/Screenshots/Wishlist.jpg\" alt=\"Wishlist\"\u003e\n6. About\n  \u003cimg  src=\"public/assets/Screenshots/About.jpg\" alt=\"About\"\u003e\n7. Cart\n  \u003cimg  src=\"public/assets/Screenshots/Cart.jpg\" alt=\"Cart\"\u003e\n8. CheckOut\n  \u003cimg  src=\"public/assets/Screenshots/CheckOut.jpg\" alt=\"CheckOut\"\u003e\n9. Contact\n  \u003cimg  src=\"public/assets/Screenshots/Contact.jpg\" alt=\"Contact\"\u003e\n10. Account\n  \u003cimg  src=\"public/assets/Screenshots/Account.jpg\" alt=\"Account\"\u003e\n\n\n\n\n## Contact\n\n- [Author](https://github.com/MMansy19)\n- [Website](https://mahmoud-mansy-portfolio.netlify.app/)\n- [Email](mailto:mahmoud2abdalfattah@gmail.com)\n- [LinkedIn](https://www.linkedin.com/in/mahmoud-mansy-a189a5232)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmmansy19%2Fe-commerce-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmmansy19%2Fe-commerce-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmmansy19%2Fe-commerce-website/lists"}