{"id":20841110,"url":"https://github.com/adityakumawat97/react-e-commerce-website","last_synced_at":"2025-04-06T12:09:26.762Z","repository":{"id":38670532,"uuid":"273209193","full_name":"AdityaKumawat97/react-e-commerce-website","owner":"AdityaKumawat97","description":"E commerce website with complete authentication made using React","archived":false,"fork":false,"pushed_at":"2024-07-21T14:56:31.000Z","size":6123,"stargazers_count":218,"open_issues_count":18,"forks_count":138,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-30T10:09:26.690Z","etag":null,"topics":["css-animations","css-flexbox","css3","firebase","firebase-auth","firestore","firestore-database","react-components","react-router-v4","reactjs","redux","redux-middleware","redux-store","reselect-utils"],"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/AdityaKumawat97.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":"2020-06-18T10:30:12.000Z","updated_at":"2025-03-29T09:26:43.000Z","dependencies_parsed_at":"2025-01-08T00:03:07.267Z","dependency_job_id":"5ba183a8-15ef-4a42-be15-913f07636104","html_url":"https://github.com/AdityaKumawat97/react-e-commerce-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdityaKumawat97%2Freact-e-commerce-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdityaKumawat97%2Freact-e-commerce-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdityaKumawat97%2Freact-e-commerce-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdityaKumawat97%2Freact-e-commerce-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdityaKumawat97","download_url":"https://codeload.github.com/AdityaKumawat97/react-e-commerce-website/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247478323,"owners_count":20945266,"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-animations","css-flexbox","css3","firebase","firebase-auth","firestore","firestore-database","react-components","react-router-v4","reactjs","redux","redux-middleware","redux-store","reselect-utils"],"created_at":"2024-11-18T01:18:50.032Z","updated_at":"2025-04-06T12:09:26.736Z","avatar_url":"https://github.com/AdityaKumawat97.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-Ecommerce-website\n### Work Under Progress\n\n### Version 1 :\n* The data is stored locally and not on Firestore\n* GraphQL has not been used.\nversion 1 is hosted [HERE!](https://ak-clothing-attempt-two.herokuapp.com/)\n\nAn E commerce platform made using React JS, Redux, Firebase (authentication), Firestore, Stripe API (temporarily creating dummy payment gateway)\n\nThe application is composed of the following Features:\n\n### Front-End\n* A landing page with animated minimalistic design, with the major categories of items.\n* A quick peek page where 5 products of each categories are on display.\n* A page with Sign-in and Sign-out components.\n* All form related fields are made using reusable components.\n* Has a cart feature which opens up and displays the items selected in a summary, also has a checkout button.\n* The cart component also allows to edit the contents of the items selected.\n* Check out features are yet to be integrated into the appplication. \n\n\n### Firebase\n\n* As of this moment I am using firebase for user authentication, also enabled google sign in authentication.\n* It is also used to store user data \n* In the future it will also hold all shopping related and cart related dtaa of each user.\n\n**Progress:**\nVersion 1 completed and hosted\n\nVersion 2 Progress: 50%\n\u003cbr/\u003e\n![](src/assets/progressbar.png)\n\n\n**SCREENSHOTS:**\n\nLanding Page:\n\n![](src/assets/main-screen.png)\n---\nProduct Preview:\n\n![](src/assets/preview-page.png)\n---\nSign-in \u0026\u0026 Sign-Up Page:\n\n![](src/assets/signinup.png)\n\nCart Section:\n\n![](src/assets/cart.png)\n\n---\n\n## Developed With\n\n* [Visual Studio Code](https://code.visualstudio.com/) - A source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring\n* [React](https://reactjs.org/) - A javascript library for building user interfaces\n* [Create react app](https://create-react-app.dev/) - A quick method to start developing a react application.\n* [Babel](https://babeljs.io/) - A transpiler for javascript\n* [Webpack](https://webpack.js.org/) - A module bundler\n* [SCSS](http://sass-lang.com/) - A css metalanguage\n\n---\n\n\n## Getting Started\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\n\nThe following software is required to be installed on your system:\n\n* Node 8.x\n* Npm 3.x\n\nType the following commands in the terminal to verify your node and npm versions\n\n```bash\nnode -v\nnpm -v\n```\n\n### Install\n\nFollow the following steps to get development environment running.\n\n* Clone _'react-e-commerce-website.git'_ repository from GitHub\n\n  ```bash\n  git clone https://github.com/AdityaKumawat97/react-e-commerce-website.git\n  ```\n\n   _OR USING SSH_\n\n  ```bash\n  git clone git@github.com:AdityaKumawat97/react-e-commerce-website.git\n  ```\n\n* Install node modules\n\n   ```bash\n   npm install\n   ```\n\n\n### Starting front-end servers\n\n* Build application\n\n  ```bash\n  npm start\n  ```\n---\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityakumawat97%2Freact-e-commerce-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadityakumawat97%2Freact-e-commerce-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityakumawat97%2Freact-e-commerce-website/lists"}